/**
 * base style
 */
/**
 * mixins
 */
/**
 * reset style
 */
/*内外边距通常让各个浏览器样式的表现位置不同*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

/*去掉各Table  cell 的边距并让其边重合*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*IE bug fixed: th 不继承 text-align*/
th {
    text-align: inherit;
}

/*对齐是排版最重要的因素, 别让什么都居中*/
caption,
th {
    text-align: left;
}

/*去除默认边框*/
img {
    border: 0;
}

/*解决 IE6-7 图片缩放锯齿问题*/
img {
    -ms-interpolation-mode: bicubic;
}

/*ie6 7 8(q) bug 显示为行内表现*/
iframe {
    display: block;
}

/*去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去*/
ul,
ol,
li {
    list-style: none;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

button,
input,
select,
textarea {
    /*表单元素不继承父级 font 的问题*/
    font-family: inherit;
    font-size: 100%;
    vertical-align: middle;
    font-weight: normal;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    /*去chrome focus默认的高亮边框*/
    outline: none;
}

textarea {
    /*去IE6/7/8/9中默认的竖直滚动条*/
    overflow: auto;
    vertical-align: top;
}

button,
input {
    /*IE6/7中padding会随文字长度变化*/
    /*overflow: visible;*/
    /*firefox 4+ 中 !important*/
    line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

/*不可点击按钮*/
button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    /*统一设置盒模型 （IE8/9中盒模型是content-box）*/
    box-sizing: border-box;
    /*IE8/9中去掉多余的padding*/
    padding: 0;
    /*IE6/7中的默认*/
    *background-color: transparent;
}

/**
 * html5  reset style
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/*如同img标签*/
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    /*没有controls属性统一不显示，*/
    display: none;
    /*防止IOS5下多余的高度*/
    height: 0;
}

/*
 重置a元素：
    1. 去掉IE10中已激活链接的灰色背景
    2. 处理chrome与其它浏览器在a:focus时的不同
    3. 提升a:active,a:hover时元素的可读性
    4. 去掉下划线
 */
.chat-block a {
    cursor: pointer;
}

a {
    background: transparent;
    /*1*/
}

a:focus {
    outline: thin dotted;
    /*2*/
}

a:active,
a:hover {
    outline: 0;
    /*3*/
}

a:link,
a:visited,
ins {
    text-decoration: none;
    /* 4*/
}

/*浮动*/
.fl {
    float: left;
}

.fr {
    float: right;
}

/*清除浮动*/
.clearfix:after {
    content: " .";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

/*a标签样式*/
a {
    color: #005EA7;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/*标题文字*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
}

/*突出文字*/
.txt-point {
    color: #e53836;
}

body {
    background-color: #ABABAB;
    color: #333333;
    font: 12px/150% 'Microsoft YaHei', Arial, Verdana, "宋体";
    font-weight: normal;
}

.jimi_revision .wrap {
    width: auto;
    height: auto;
}

.jimi_revision .l-area {
    margin-right: -358px;
    width: 100%;
}

.jimi_revision .l-area .l-area-content {
    margin-right: 358px;
    width: auto;
    min-width: 420px;
}

.wrap {
    width: 990px;
    height: 600px;
    margin: 0 auto;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px #777777;
    border-radius: 3px;
}

.header {
    position: relative;
    padding: 9px 0 4px 12px;
    height: 50px;
    background-color: #2d8ef2;
    border-radius: 3px 3px 0 0;
    *z-index: 1;
}

.header .logo {
    /*background: url("../img/jimi_topLogo.png") no-repeat;*/
    height: 88px;
    left: 0;
    top: -25px;
    width: 535px;
    position: absolute;
    z-index: 1;
}

.header .logo-name {
    margin: 3px 0 2px 75px;
    width: 234px;
    height: 18px;
    background: url(../img/icon1.png) no-repeat -105px -74px #2796e1;
}

.header .sign {
    margin: 0 150px 0 79px;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

.header .sign:hover {
    cursor: default;
}

.header .sign,
.header .service-online {
    color: #91c4ed;
}

.header .service-online {
    position: absolute;
    top: 0;
    right: 135px;
    width: 67px;
    height: 64px;
    cursor: pointer;
    text-align: center;
    line-height: 98px;
}

.header .service-online .service-icon {
    display: block;
    width: 38px;
    height: 38px;
    left: 18px;
    top: 10px;
    position: absolute;
    background: url(../img/support.png) no-repeat 0 0;
}

.header .service-online a {
    color: #FFFFFF;
    font-weight: normal;
}

.header .separate-line {
    position: absolute;
    top: 13px;
    right: 113px;
    width: 1px;
    height: 40px;
    background-color: #51a7e5;
}

/**
*   微信二微码
*/
.header .weixin-code {
    position: absolute;
    top: 0;
    right: 202px;
    z-index: 123;
    width: 67px;
    height: 64px;
    cursor: pointer;
    text-align: center;
    line-height: 98px;
}

.header .weixin-code .weixin-img-s {
    color: #fff;
    font-weight: 400;
}

.header .weixin-code .weixin-icon {
    display: block;
    width: 38px;
    height: 38px;
    left: 18px;
    top: 10px;
    position: absolute;
    background: url(../img/weixin-icon.png) no-repeat 0 0;
}

.header .weixin-code .weixin-img-b {
    background: url(../img/jimi-weixin.png) no-repeat 0 0;
    position: absolute;
    display: block;
    top: 55px;
    right: -10px;
    width: 184px;
    height: 70px;
    padding-top: 118px;
    text-align: center;
    display: none;
}

.header .weixin-code .jrweixin-img-b {
    background: url(../img/jrjimi-weixin.png) no-repeat 0 0;
    position: absolute;
    display: block;
    top: 55px;
    right: -10px;
    width: 184px;
    height: 70px;
    padding-top: 118px;
    text-align: center;
    display: none;
}

.header .weixin-code:hover .weixin-img-b {
    display: block;
}

.header .weixin-code:hover .jrweixin-img-b {
    display: block;
}

/**
*   默认皮肤
*/
.header .full-screen {
    background: url(../img/icon1.png) no-repeat -50px -358px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen:hover {
    background: url(../img/icon1.png) no-repeat -117px -358px;
}

.header .full-screen-quit {
    background: url(../img/icon1.png) no-repeat -184px -358px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen-quit:hover {
    background-position: -251px -358px;
}

.header .close-screen {
    background: url(../img/icon1.png) no-repeat -318px -358px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    border-top-right-radius: 3px;
}

.header .close-screen:hover {
    background: url(../img/icon1.png) no-repeat -385px -358px;
}

/**
*   紫色皮肤
*/
.header .full-screen-purple {
    background: url(../img/bg-icon-set.png) no-repeat 0 0;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen-purple:hover {
    background: url(../img/bg-icon-set.png) no-repeat -67px 0;
}

.header .full-screen-quit-purple {
    background: url(../img/bg-icon-set.png) no-repeat -134px 0;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen-quit-purple:hover {
    background-position: -201px 0;
}

.header .close-screen-purple {
    background: url(../img/bg-icon-set.png) no-repeat -268px 0;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    border-top-right-radius: 3px;
}

.header .close-screen-purple:hover {
    background: url(../img/bg-icon-set.png) no-repeat -335px 0;
}

/**
*   粉色皮肤
*/
.header .full-screen-pink {
    background: url(../img/bg-icon-set.png) no-repeat 0 -67px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen-pink:hover {
    background: url(../img/bg-icon-set.png) no-repeat -67px -67px;
}

.header .full-screen-quit-pink {
    background: url(../img/bg-icon-set.png) no-repeat -134px -67px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen-quit-pink:hover {
    background-position: -201px -67px;
}

.header .close-screen-pink {
    background: url(../img/bg-icon-set.png) no-repeat -268px -67px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    border-top-right-radius: 3px;
}

.header .close-screen-pink:hover {
    background: url(../img/bg-icon-set.png) no-repeat -335px -67px;
}

/**
*   绿色皮肤
*/
.header .full-screen-green {
    background: url(../img/bg-icon-set.png) no-repeat 0 -134px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen-green:hover {
    background: url(../img/bg-icon-set.png) no-repeat -67px -134px;
}

.header .full-screen-quit-green {
    background: url(../img/bg-icon-set.png) no-repeat -134px -134px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}

.header .full-screen-quit-green:hover {
    background-position: -201px -134px;
}

.header .close-screen-green {
    background: url(../img/bg-icon-set.png) no-repeat -268px -134px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    border-top-right-radius: 3px;
}

.header .close-screen-green:hover {
    background: url(../img/bg-icon-set.png) no-repeat -335px -134px;
}

.l-area {
    width: 632px;
    overflow: hidden;
}

.l-area .l-area-content .chat-block {
    position: relative;
    padding-top: 8px;
    padding-bottom: 17px;
    height: 400px;
    background-color: #EFF0F2;
}

.jimi_lists {
    /*max-width: 624px;*/
    margin: 0 -10px 20px 10px;
    position: relative;
    *zoom: 1;
}

.jimi_lists .header_img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

/**
*   随机头像
*/
.jimi_lists .header_img.jimi1 {
    background: url(../img/jimi_50_1.png) no-repeat 0 0;
}

.jimi_lists .header_img.jimi2 {
    background: url(../img/jimi_50_2.png) no-repeat 0 0;
}

.jimi_lists .header_img.jimi3 {
    background: url(../img/jimi_50_3.png) no-repeat 0 0;
}

.jimi_lists .header_img.jimi4 {
    background: url(../img/jimi_50_4.png) no-repeat 0 0;
}

/**
*   专属JIMI头像
*/
.jimi_lists .header_img.novice-male {
    background: url(../img/novice-male.png) no-repeat 0 0;
}

.jimi_lists .header_img.novice-female {
    background: url(../img/novice-female.png) no-repeat 0 0;
}

.jimi_lists .header_img.middle-male {
    background: url(../img/middle-male.png) no-repeat 0 0;
}

.jimi_lists .header_img.middle-female {
    background: url(../img/middle-female.png) no-repeat 0 0;
}

.jimi_lists .header_img.high-male {
    background: url(../img/high-male.png) no-repeat 0 0;
}

.jimi_lists .header_img.high-female {
    background: url(../img/high-female.png) no-repeat 0 0;
}

.jimi_lists .header_img.elementary-male {
    background: url(../img/elementary-male.png) no-repeat 0 0;
}

.jimi_lists .header_img.elementary-female {
    background: url(../img/elementary-female.png) no-repeat 0 0;
}

/**
*   自定义头像
*/
.jimi_lists .header_img.self-1 {
    background: url(../img/self-1.png) no-repeat 0 0;
}

.jimi_lists .header_img.self-2 {
    background: url(../img/self-2.png) no-repeat 0 0;
}

.jimi_lists .header_img.self-3 {
    background: url(../img/self-3.png) no-repeat 0 0;
}

.jimi_lists .header_img.self-4 {
    background: url(../img/self-4.png) no-repeat 0 0;
}

.jimi_lists .msg {
    margin-left: 59px;
    margin-right: 40px;
    margin-top: 2px;
    float: left;
    display: inline;
}

/*商品推荐列表*/
.jimi_lists .msgP {
    margin-left: 60px;
    margin-right: 20px;
}

.jimi_lists .lt {
    background: url(../img/msg_bg_lr.png) no-repeat 0 0;
    width: 26px;
    height: 10px;
}

.jimi_lists .tt {
    background: url(../img/msg_bg_tb.png) repeat-x 0 -23px;
    height: 10px;
}

.jimi_lists .rt {
    background: url(../img/msg_bg_lr.png) no-repeat -35px 0;
    width: 10px;
    height: 10px;
}

.jimi_lists .lm {
    background: url(../img/msg_bg_lr.png) repeat-y -94px 0;
    width: 26px;
    vertical-align: top;
    position: relative;
    *zoom: 1;
}

.jimi_lists .lm span {
    background: url(../img/msg_bg_lr.png) no-repeat 0 -14px;
    display: inline-block;
    width: 26px;
    height: 16px;
    position: absolute;
    top: 5px;
}

.jimi_lists .mm {
    /*max-width: 500px;*/
    padding: 0 5px;
    background-color: #FFFFFF;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    line-height: 20px;
    /* min-width: 200px; */
}

.jimi_lists .mm.satisfaction-degree {
    position: relative;
    display: block;
    padding: 0 13px 44px 13px;
    min-width: 200px;
}

.jimi_lists .mm.satisfactioncare-degree {
    position: relative;
    display: block;
    padding: 0 13px 15px 13px;
    min-width: 200px;
}

.jimi_lists .mm .btn-area {
    position: absolute;
    bottom: 7px;
    right: 8px;
}

.jimi_lists .mm .btn-area .btn-blue,
.jimi_lists .mm .btn-area .btn-gray {
    display: block;
    float: left;
    width: 63px;
    height: 22px;
    background: url(../img/icon1.png) no-repeat 0 -250px;
}

.jimi_lists .mm .btn-area .btn-blue:hover,
.jimi_lists .mm .btn-area .btn-gray:hover {
    background-position: 0 -279px;
}

.jimi_lists .mm .btn-area .btn-blue.click,
.jimi_lists .mm .btn-area .btn-gray.click {
    background-position: 0 -308px;
}

.jimi_lists .mm .btn-area .btn-gray {
    margin-left: 10px;
    background-position: -77px -250px;
}

.jimi_lists .mm .btn-area .btn-gray:hover {
    background-position: -77px -279px;
}

.jimi_lists .mm .btn-area .btn-gray.click {
    background-position: -77px -308px;
}

.jimi_lists .mm .msg-teach {
    width: 350px;
    height: 102px;
    padding-left: 110px;
    text-align: right;
    background: url("../img/jimi_teach_logo.png") no-repeat -8px -8px;
}

.jimi_lists .mm .msg-teach-ok {
    width: 350px;
    height: 102px;
    padding-left: 110px;
    background: url("../img/jimi_teach_ok.png") no-repeat 35px -4px;
}

.jimi_lists .mm .msg-teach-ok .msg-teach-title {
    color: #666666;
    font-weight: bold;
    text-align: left;
    height: 102px;
    line-height: 102px;
    padding-left: 50px;
}

.jimi_lists .mm .msg-teach .msg-teach-title {
    color: #666666;
    font-weight: bold;
    text-align: left;
}

.jimi_lists .mm .answer-input input {
    padding: 0 5px;
    width: 337px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #D4D9DF;
    background-color: #EFF0F2;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 10px;
}

.jimi_lists .mm .answer-input input:focus {
    border-color: #6cb4eb;
}

.jimi_lists .mm .answer-input a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 8px 0 0 0;
    width: 55px;
    height: 28px;
    padding: 0;
    line-height: 28px;
}

.jimi_lists .mm .answer-input a:hover {
    background-position: -156px -278px;
}

.jimi_lists .mm .answer-input a.click {
    background-position: -156px -306px;
}

.jimi_lists .rm {
    background: url(../img/msg_bg_lr.png) repeat-y -113px 0;
    width: 10px;
}

.jimi_lists .lb {
    background: url(../img/msg_bg_lr.png) no-repeat 0 -43px;
    width: 10px;
    height: 10px;
}

.jimi_lists .bm {
    background: url(../img/msg_bg_tb.png) repeat-x 0 -25px;
    height: 10px;
}

.jimi_lists .rb {
    background: url(../img/msg_bg_lr.png) no-repeat -35px -43px;
    width: 10px;
    height: 10px;
}

.customer_lists {
    position: relative;
    margin: 0 12px 20px 20px;
}

.customer_lists .header_img_hover {
    position: absolute;
    background: url(../img/avatar_mask_01.png);
    top: 0;
    width: 50px;
    height: 50px;
}

.customer_lists .header_img {
    position: absolute;
    top: 0;
    right: 14px;
    width: 50px;
    height: 50px;
}

.customer_lists .header_img img {
    width: 100%;
    height: 100%;
}

.customer_lists .msg {
    float: right;
    margin-right: 73px;
    _margin-right: 38px;
    margin-top: 2px;
}

.customer_lists .lt {
    background: url(../img/msg_bg_lr.png) no-repeat -47px -0;
    width: 10px;
    height: 10px;
}

.short_cut_msg.customer_lists .lt {
    background: url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) 0 0;
    width: 5px;
    height: 5px;
}

.customer_lists .tt {
    background: url(../img/msg_bg_tb.png) repeat-x 0 0;
    height: 10px;
}

.short_cut_msg.customer_lists .tt {
    height: 5px;
}

.customer_lists .rt {
    background: url(../img/msg_bg_lr.png) no-repeat -63px 0;
    width: 26px;
    height: 10px;
}

.short_cut_msg.customer_lists .rt {
    background: url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) -5px 0 no-repeat;
    width: 5px;
    height: 5px;
}

.customer_lists .lm {
    background: url(../img/msg_bg_lr.png) repeat-y -126px 0;
    width: 10px;
}

.short_cut_msg.customer_lists .lm {
    width: 5px;
}

.customer_lists .mm {
    padding: 1px 8px;
    background-color: #3897E7;
    word-break: break-all;
    word-wrap: break-word;
    color: #FFFFFF;
    /*text-shadow: 0px 0px 1px #FFFFFF;*/
}

.short_cut_msg.customer_lists .mm {
    padding: 0px;
    background-color: transparent;
}

.customer_lists .rm {
    background: url(../img/msg_bg_lr.png) repeat-y -129px 0;
    width: 26px;
    vertical-align: top;
    position: relative;
    *zoom: 1;
}

.short_cut_msg.customer_lists .rm {
    background-position: -134px 0;
}

.customer_lists .rm span {
    background: url(../img/msg_bg_lr.png) no-repeat -63px -14px;
    display: inline-block;
    width: 26px;
    height: 16px;
    position: absolute;
    top: 5px;
}

.short_cut_msg.customer_lists .rm span {
    background-position: -68px -14px;
}

.customer_lists .lb {
    background: url(../img/msg_bg_lr.png) no-repeat -47px -36px;
    width: 10px;
    height: 10px;
}

.short_cut_msg.customer_lists .lb {
    background: url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) 0 -4px;
    width: 5px;
    height: 5px;
}

.customer_lists .bm {
    background: url(../img/msg_bg_tb.png) repeat-x -106px -4px;
    height: 10px;
}

.short_cut_msg.customer_lists .bm {
    height: 5px;
}

.customer_lists .rb {
    background: url(../img/msg_bg_lr.png) no-repeat -63px -36px;
    width: 26px;
    height: 10px;
}

.short_cut_msg.customer_lists .rb {
    background: url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) no-repeat -5px -4px;
    height: 5px;
}

.edit-block {
    position: relative;
    height: 120px;
    /*border-right: 1px solid #ffffff;*/
    border-top: 1px solid #DCDEE4;
    border-radius: 0 0 0 3px;
}

.edit-block .inputL {
    float: left;
    /*background: url(../img/inputBg.png) no-repeat 0 0;*/
    width: 552px;
    height: 120px;
}

.edit-block .inputM {
    float: left;
    /*background: url(../img/inputBg1.png) repeat 0 0;*/
    width: 10px;
    _width: 7px;
    height: 120px;
}

.edit-block .inputR {
    float: left;
    /*background: url(../img/inputBg.png) no-repeat -599px 0;*/
    width: 70px;
    height: 120px;
}

.edit-block .text-type {
    position: absolute;
    padding-left: 8px;
    padding-top: 4px;
    top: 10px;
    left: 12px;
    border: 0 none;
    resize: none;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
    /*word-break: break-all;*/
    word-wrap: break-word;
    overflow: hidden;
    width: 610px;
    height: 54px;
    font-weight: normal;
}

.edit-block .satisfaction-percent {
    position: absolute;
    bottom: 14px;
    left: 13px;
    display: block;
    background: url(../img/icon1.png) no-repeat -180px -150px #FFFFFF;
    width: 106px;
    height: 28px;
}

.edit-block .satisfaction-percent:hover {
    background-position: -180px -177px;
}

.edit-block .pressed {
    /*background-position: -191px -206px;*/
}

.edit-block .teach {
    position: absolute;
    bottom: 14px;
    left: 125px;
    display: block;
    width: 125px;
    height: 26px;
    background: url(../img/icon1.png) no-repeat -203px -250px #FFFFFF;
}

.edit-block .teach:hover {
    background-position: -203px -279px;
}

.edit-block .teach.active {
    background-position: -220px -306px;
}

.edit-block .close {
    position: absolute;
    bottom: 18px;
    right: 107px;
    background: url(../img/icon1.png) no-repeat 0 -110px;
    width: 65px;
    height: 34px;
    cursor: pointer;
}

.edit-block .close:hover {
    background-position: 0 -150px;
}

.edit-block .close-pressed {
    /*background-position: 0 -190px;*/
}

.edit-block .send {
    position: absolute;
    bottom: 18px;
    right: 10px;
    background: url(../img/icon1.png) no-repeat -83px -110px;
    width: 85px;
    height: 34px;
    cursor: pointer;
}

.edit-block .send:hover {
    background-position: -83px -150px;
}

.edit-block .send-pressed {
    /*background-position: -96px -190px;*/
}

.popup-teach {
    position: absolute;
    left: 50%;
    margin-left: -240px;
    top: 50%;
    margin-top: -200px;
    width: 480px;
    /*border-width: 8px 1px 1px;*/
    /*border-style: solid;*/
    /*border-color: #2798e2;*/
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    /*padding: 20px;*/
    background: #ffffff;
}

.popup-teach h3 {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    /*text-align: center;*/
    /*line-height: 14px;*/
}

.popup-teach .input-area {
    margin: 0;
}

.popup-teach .input-area input {
    color: #B8B8B8;
}

.popup-teach .input-area img {
    float: left;
    width: 30px;
    height: 30px;
}

.popup-teach .teachimg .header_img_hover {
    background: url(../img/defaultImgSmall.png) no-repeat 0 0;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

.popup-teach .input-area .jimi-header-img {
    float: left;
    width: 30px;
    height: 30px;
}

.popup-teach .input-area .jimi-header-img.jimi1 {
    background: url(../img/jimi_30_1.png) no-repeat 0 0;
}

.popup-teach .input-area .jimi-header-img.jimi2 {
    background: url(../img/jimi_30_2.png) no-repeat 0 0;
}

.popup-teach .input-area .jimi-header-img.jimi3 {
    background: url(../img/jimi_30_3.png) no-repeat 0 0;
}

.popup-teach .input-area .jimi-header-img.jimi4 {
    background: url(../img/jimi_30_4.png) no-repeat 0 0;
}

.popup-teach .input-area input {
    float: left;
    margin: 0 0 0 10px;
    width: 385px;
    height: 32px;
    line-height: 32px;
    padding: 0 6px;
    border: 1px solid #E2E1E8;
}

.popup-teach .input-area input:focus {
    border-color: #6cb4eb;
}

.popup-teach .input-area p {
    float: right;
    color: #b8b8b8;
    line-height: 22px;
}

.popup-teach .input-area p.active span {
    color: #0797e1;
}

.popup-teach .form-area {
    /*margin: 0 auto;*/
    /*width: 119px;*/
    margin-top: 4px;
    text-align: center;
}

.popup-teach .form-area .btn-blue,
.popup-teach .form-area .btn-gray {
    display: block;
    float: left;
    width: 49px;
    height: 28px;
    background: url(../img/icon1.png) no-repeat -288px -148px;
}

.popup-teach .form-area .btn-blue:hover,
.popup-teach .form-area .btn-gray:hover {
    background-position: -288px -185px;
}

.popup-teach .form-area .btn-blue.active,
.popup-teach .form-area .btn-gray.active {
    background-position: -288px -221px;
}

.popup-teach .form-area .btn-gray {
    margin-left: 20px;
    background-position: -330px -254px;
}

.popup-teach .form-area .btn-gray:hover {
    background-position: -330px -288px;
}

.popup-teach .form-area .btn-gray.active {
    background-position: -330px -322px;
}

.popup-teach .share {
    float: right;
    margin: 28px 0 12px 0;
    width: 250px;
    line-height: 16px;
    color: #b8b8b8;
    position: relative;
    *zoom: 1;
    width: 100%
}

.popup-teach .share .law {
    color: #333333;
    position: absolute;
    top: 0;
    left: 0;
}

.popup-teach .share .law a {
    display: inline;
    *zoom: 1;
    width: auto;
    vertical-align: top;
    margin: 0;
}

.popup-teach .share .share-to {
    padding-left: 260px;
}

.popup-teach .share a {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    overflow: hidden;
}

.popup-teach .share a:hover .icon-baidu {
    background-position: -166px -334px;
}

.popup-teach .share a:hover .icon-qq-zone {
    background-position: -189px -334px;
}

.popup-teach .share a:hover .icon-sina-blog {
    background-position: -212px -334px;
}

.popup-teach .share a:hover .icon-tencent-weibo {
    background-position: -235px -334px;
}

.popup-teach .share a:hover .icon-renren {
    background-position: -258px -334px;
}

.popup-teach .share a:hover .icon-wechat {
    background-position: -281px -334px;
}

.popup-teach .share i {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/icon1.png) no-repeat;
}

.popup-teach .share .icon-baidu {
    background-position: 0 -334px;
}

.popup-teach .share .icon-qq-zone {
    background-position: -23px -334px;
}

.popup-teach .share .icon-sina-blog {
    background-position: -46px -334px;
}

.popup-teach .share .icon-tencent-weibo {
    background-position: -69px -334px;
}

.popup-teach .share .icon-renren {
    background-position: -92px -334px;
}

.popup-teach .share .icon-wechat {
    background-position: -115px -334px;
}

.popup-teach .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 8px;
    height: 8px;
    background: url(../img/icon1.png) no-repeat -303px -338px;
}

.popup-teach .close:hover {
    /*background-position: -316px -338px;*/
}

.suggestion-area {
    position: absolute;
    z-index: 120;
    bottom: 105px;
    left: 15px;
    padding: 10px 7px 14px;
    width: 510px;
    border: 1px solid #c9cbce;
    background-color: #ffffff;
}

.suggestion-area .suggestion {
    line-height: 24px;
}

.suggestion-area .suggestion:hover {
    background-color: #eceef2;
    cursor: pointer;
}

.suggestion-area .suggestion a {
    color: #333333;
    display: block;
    *zoom: 1;
}

.suggestion-area .suggestion a:hover {
    text-decoration: none;
}

.suggestion-area .suggestion .suggestion-total {
    color: #909090;
}

.suggestion-area .suggestion .txt-green {
    color: #39a434;
}

.suggestion-area .hover {
    background-color: #eceef2;
}

.txt-red {
    color: #d94643;
}

.r-area {
    width: 357px;
    position: relative;
    /*height: 536px;*/
    overflow: hidden;
    background-color: #FFFFFF;
    border-left: 1px solid #DCDEE4;
    border-radius: 0 0 3px 0;
}

.r-area .side-nav {
    position: relative;
    /*margin-bottom: 3px;*/
    height: 40px;
    line-height: 40px;
    background-color: #EFF0F2;
    border-bottom: 1px solid #d4d9df;
    overflow: hidden;
}

.r-area .side-nav li {
    width: 119px;
    text-align: center;
}

.r-area .side-nav a {
    font-weight: bold;
    color: #333333;
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

.r-area .side-nav a:hover {
    TEXT-DECORATION: none;
}

.r-area .side-nav li.current a {
    background-color: #e1e4e8;
}

.r-area .side-nav .tab_arrow {
    position: absolute;
    bottom: -1px;
    display: block;
    width: 119px;
    /*border-bottom: 4px solid #3195EA;*/
    overflow: hidden;
}

.r-area .side-nav .tab_arrow b {
    /*position: absolute;*/
    /*left: 23px;*/
    /*top: -1px;*/
    /*border-left: 3px solid #bfcdd7;*/
    /*border-right: 3px solid #bfcdd7;*/
    /*border-bottom: 4px solid #e53836;*/
    /*width: 0;*/
    /*height: 0;*/
    /*overflow: hidden;*/
    background: url(../img/icon1.png) no-repeat scroll -360px -490px;
    display: block;
    height: 9px;
    margin: 0 auto;
    width: 15px;
}

.side-nav-item {
    position: relative;
}

.side-nav-new {
    background: url(../img/new.gif) no-repeat scroll;
    width: 22px;
    height: 9px;
    position: absolute;
    *zoom: 1;
    left: 50%;
    margin-left: 29px;
    top: 7px;
}

.intro-bar {
    position: relative;
    /*margin: 0 1px 2px;*/
    padding-left: 10px;
    /*border-top: 1px solid #ced9e1;*/
    border-bottom: 1px solid #ced9e1;
    /*margin-bottom: -1px;*/
    height: 38px;
    line-height: 38px;
    color: #333333;
    background-color: #FFFFFF;
    cursor: pointer;
    width: 347px;
}

.intro-bar .question {
    display: block;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.triangle-open,
.triangle-close {
    position: absolute;
    top: 17px;
    right: 17px;
    border-top: 7px solid #C8C8C8;
    border-left: 6px solid #FFFFFF;
    border-right: 6px solid #FFFFFF;
    width: 0;
    height: 0;
    overflow: hidden;
}

.triangle-close {
    top: 15px;
    right: 12px;
    border-top: 6px solid #FFFFFF;
    border-bottom: 6px solid #FFFFFF;
    border-left: 7px solid #C8C8C8;
}

.detail {
    padding: 0 12px;
    /*width: 285px;*/
    overflow: hidden;
}

#navc0 .detail {
    width: 350px;
}

.scroll-pane {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #bfbfbf;
    border-radius: 5px;
    width: 10px;
    height: 100%;
    opacity: 1;
    transition: all 0.2s ease 0s;
}

.scroll-pane .slider {
    background-color: #9d9d9d;
    border-radius: 3px;
    margin: 0 1px;
    position: relative;
}

.detail .customer-delivery {
    margin-top: 11px;
}

.detail .customer-address-area {
    margin-top: 7px;
}

.detail .customer-address {
    position: relative;
    line-height: 23px;
    border: 1px solid #c3c4c6;
    background-color: #ffffff;
    overflow: hidden;
    padding: 0 40px 0 6px;
    color: #333333;
}

.detail .customer-address .triangle-open {
    top: 10px;
    right: 10px;
    border-top: 5px solid #666666;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

.detail .customer-address:hover {
    border-bottom: 0 none;
    height: 25px;
    z-index: 1;
}

#navc0 .detail {
    position: relative;
    /*padding-right: 30px;*/
    /*margin-top: 1px;*/
}

#productServiceDiv {
    width: 335px;
}

#productServiceDiv p {
    margin-top: 11px;
}

/*#buyConsultDiv {
  width: 380px;
}*/
#buyConsultDiv .detail {
    padding: 12px;
}

.detail .answer {
    padding-right: 20px;
    font-weight: normal;
    display: block;
    word-wrap: break-word;
}

.txt-black {
    color: #333333;
}

.delivery-detail {
    margin-top: 6px;
}

.delivery-detail .delivery-detail-img1,
.delivery-detail .delivery-detail-img2,
.delivery-detail .delivery-detail-img3,
.delivery-detail .delivery-detail-img4,
.delivery-detail .delivery-detail-img5,
.delivery-detail .delivery-detail-img6,
.delivery-detail .delivery-detail-img7,
.delivery-detail .delivery-detail-img8,
.delivery-detail .delivery-detail-img9,
.delivery-detail .delivery-detail-img10,
.delivery-detail .delivery-detail-img11,
.delivery-detail .delivery-detail-img12,
.delivery-detail .delivery-detail-img13,
.delivery-detail .delivery-detail-img14,
.delivery-detail .delivery-detail-img15 {
    margin-top: 6px;
    width: 42px;
    height: 42px;
    background: url(../img/icon1.png) no-repeat -120px 0;
}

.delivery-detail .delivery-detail-img2 {
    background: url(../img/icon1.png) no-repeat -176px 0;
}

.delivery-detail .delivery-detail-img3 {
    background: url(../img/icon1.png) no-repeat -232px 0;
}

.delivery-detail .delivery-detail-img4 {
    background: url(../img/icon1.png) no-repeat -288px 0;
}

.delivery-detail .delivery-detail-img5 {
    background: url(../img/icon1.png) no-repeat -344px 0;
}

.delivery-detail .delivery-detail-img6 {
    background: url(../img/icon1.png) no-repeat -344px -48px;
}

.delivery-detail .delivery-detail-img7 {
    background: url(../img/icon1.png) no-repeat -344px -98px;
}

.delivery-detail .delivery-detail-img8 {
    background: url(../img/icon1.png) no-repeat -344px -148px;
}

.delivery-detail .delivery-detail-img9 {
    background: url(../img/icon1.png) no-repeat -344px -199px;
}

.delivery-detail .delivery-detail-img10 {
    background: url(../img/icon1.png) no-repeat -344px 0;
}

.delivery-detail .delivery-detail-img11 {
    background: url(../img/icon1.png) no-repeat -400px -250px;
}

.delivery-detail .delivery-detail-img12 {
    background: url(../img/icon1.png) no-repeat -400px -199px;
}

.delivery-detail .delivery-detail-img13 {
    background: url(../img/icon1.png) no-repeat -400px -148px;
}

.delivery-detail .delivery-detail-img14 {
    background: url(../img/icon1.png) no-repeat -400px -98px;
}

.delivery-detail .delivery-detail-img15 {
    background: url(../img/icon1.png) no-repeat -400px -301px;
}

.delivery-detail p {
    margin-left: 52px;
    line-height: 20px;
}

.delivery-detail .title {
    line-height: 24px;
    font-weight: normal;
    color: #005ea7;
}

.link-notice {
    width: 272px;
    height: 30px;
    margin: 13px 0;
}

.link-notice img {
    width: 100%;
    height: 100%;
}

.search-area {
    position: relative;
    margin-bottom: 11px;
}

.search-area input {
    padding-left: 6px;
    width: 216px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #dddee2;
}

.search-area .search-button {
    position: absolute;
    top: 0;
    _top: 2px;
    left: 228px;
    width: 54px;
    height: 24px;
    background: url(../img/icon1.png) no-repeat -191px -110px;
    cursor: pointer;
}

.intro-bar .book-list {
    width: 87px;
}

.book-img-area {
    padding: 8px 10px 8px 0;
}

.book-img-area .book-img {
    margin: 7px 7px 0 0;
    width: 59px;
    height: 59px;
    border: 1px solid #cccccc;
    overflow: hidden;
}

.book-img-area .book-img img {
    width: 100%;
    height: 100%;
}

.book-opts {
    margin: 4px 0 14px;
}

.book-opts .follow {
    position: relative;
    display: inline-block;
    margin-right: 16px;
    width: 60px;
}

.book-opts .follow .triangle-open {
    top: 12px;
    right: 12px;
    border-top: 5px solid #005ea7;
    border-left: 4px solid #eceef2;
    border-right: 4px solid #eceef2;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.search-result {
    margin: 11px 0;
}

.search-result .search-result-img {
    margin-right: 7px;
    width: 59px;
    height: 59px;
    border: 1px solid #cccccc;
}

.search-result img {
    width: 100%;
    height: 100%;
}

.search-result-des .search-result-list {
    position: relative;
}

.search-result-des .list-dotted {
    position: absolute;
    left: 6px;
    _left: -6px;
    top: 9px;
    *top: 4px;
    width: 3px;
    height: 3px;
    background: url(../img/icon1.png) no-repeat -72px -73px;
}

.search-result-des p {
    margin-left: 12px;
    line-height: 22px;
}

.goods-info {
    margin: 8px 0;
    min-height: 80px;
    word-break: break-all;
}

.goods-info .goods-img {
    width: 100px;
    height: 100px;
    border: 1px solid #dbdcde;
}

.goods-info .goods-img .img {
    width: 100%;
    height: 100%;
}

.goods-info p {
    margin-left: 110px;
    line-height: 20px;
    margin-right: 20px;
    height: 44px;
    overflow: hidden;
}

.goods-info p a {
    color: #333333;
}

.goods-info .txt-red {
    color: #d94643;
    height: 60px;
}

.goods-info .txt-red a {
    color: #d94643;
}

.goods-des li {
    padding: 1px 0;
}

.goods-des .label {
    color: #666666;
    font-weight: bold;
}

.goods-des .txt-red {
    font-weight: normal;
    color: #d94643;
}

.txt-price {
    font-size: 14px;
    font-weight: bold;
    color: #D94643;
}

.goods-des .em-words {
    margin-right: 2px;
    padding: 1px 2px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: #e4393c;
    color: #ffffff;
}

.goods-des .star-5,
.goods-des .star-4,
.goods-des .star-3,
.goods-des .star-2,
.goods-des .star-1 {
    display: inline-block;
    margin-right: 10px;
    width: 76px;
    height: 14px;
    background: url(../img/icon1.png) no-repeat -95px -51px;
}

.goods-des .star-4 {
    background-position: -110px -51px;
}

.goods-des .star-3 {
    background-position: -125px -51px;
}

.goods-des .star-2 {
    background-position: -140px -51px;
}

.goods-des .star-1 {
    background-position: -155px -51px;
}

.opts-buy {
    display: block;
    margin: 10px 0 17px;
    width: 108px;
    height: 29px;
    background: url(../img/btn_buy.png) no-repeat 0 0;
}

.post-title {
    margin-bottom: 15px;
    padding-left: 11px;
    padding-top: 4px;
    width: 346px;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #d7dadd;
    /*background: url(../img/postBg.png) repeat-x 0 -5px;*/
    color: #333333;
    position: relative;
    *zoom: 1;
    font-size: 14px;
}

.post-title strong {
    font-family: "Microsoft YaHei", "微软雅黑";
    font-weight: bold;
}

.post-title .change-btn {
    position: absolute;
    right: 8px;
    top: 10px;
}

/*换一组开始*/
.change-btn, .common-btn, .ask-btn {
    float: right;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
    background-color: #3195EA;
    border-radius: 20px;
    padding: 7px 16px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.common-btn.common-btn-active {
    background-color: #3195ea;
    border: 1px solid #3195ea;
    color: #FFF;
}

.change-btn:hover, .common-btn:hover, .ask-btn:hover {
    color: #FFFFFF;
    background-color: #84C0F2;
    text-decoration: none;
}

.expand-area {
    margin-top: 8px;
    overflow: hidden;
    max-height: 0;
    _height: 0;
}

.expand-area.animated {
    _height: auto;
}

/*
.animation {
  -webkit-backface-visibility:visible;
  -webkit-transform-origin:center center;
  -moz-backface-visibility:visible;
  -moz-transform-origin:center center;
  -webkit-animation:demo 0.5s 0s 1 ease-in normal both;
  -moz-animation:demo 0.5s 0s 1 ease-in normal both;
  max-height:800px\9;
  _height:auto;
}
@-webkit-keyframes demo{
  0%{
    max-height:0px;
  }
  100%{
    max-height:800px;
  }
}
@-moz-keyframes demo{
  0%{
    max-height:0px;
  }
  100%{
    max-height:800px;
  }
}
*/
.post-title .change-btn {
    padding: 5px 10px;
}

.post-goods-area-wrapper {
    position: absolute;
}

.post-goods-info-area {
    overflow: hidden;
    height: 150px;
    /*width: 2000px;*/
    /*height: 180px;*/
}

.post-goods-area {
    padding: 0 6px 15px;
    float: left;
    width: 155px;
}

.post-goods-area .post-goods-img {
    width: 85px;
    height: 85px;
    margin: 0 auto;
}

.post-goods-area .post-goods-img img {
    width: 100%;
    height: 100%;
}

.post-goods-area p {
    /*margin-left: 70px;*/
    word-break: break-all;
    padding: 0 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
}

.post-goods-area p a {
    color: #666666;
}

.post-goods-area .post-goods-title {
    height: 38px;
    margin-bottom: 2px;
    margin-top: 6px;
    overflow: hidden;
}

.goods-des-detail {
    margin-left: 65px;
    color: #999999;
    padding-right: 15px;
}

/*add*/
#navc0 .content,
#navc1 .content,
#navc2 .content {
    width: 373px;
}

/*#navc2 .detail {
  width: 100%;
}*/
#jRightArea {
    position: absolute;
    right: 0;
}

#container {
    position: absolute;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    left: 130px;
}

/*遮罩层*/
#masterDiv {
    position: fixed;
    *position: absolute;
    display: none;
    z-index: 121;
    left: -999999px;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=15);
    opacity: 0.15;
}

/*
.mask-panel{
    background: #000;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    filter: alpha(opacity=50);
    moz-opacity:0.5;
    opacity: 0.5;
    z-index: 150;
}*/

/*个人空间开始*/
#mySpace {
    width: 357px;
}

.space-weather {
    border-bottom: 1px solid #e9ecef;
    height: 42px;
    line-height: 42px;
    margin: 2px 8px;
    padding: 0 7px;
}

.space-weather img {
    height: 26px;
    width: 26px;
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.space-chat {
    /*height: 138px;*/
    padding: 25px 20px 25px 50px;
    position: relative;
    *zoom: 1;
}

.space-chat-header {
    background: url("../img/icon1.png") no-repeat scroll -258px -490px;
    height: 88px;
    float: left;
    /*left: 50px;*/
    /*position: absolute;*/
    /*top: 25px;*/
    width: 76px;
}

.space-chat-box {
    /*left: 138px;*/
    /*position: absolute;*/
    /*top: 35px;*/
    position: relative;
    *zoom: 1;
    height: auto;
    width: 188px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}

.space-chat-box-arrow {
    position: absolute;
    *zoom: 1;
    _display: none;
    left: 0;
    top: 21px;
    height: 21px;
    width: 14px;
    background: url("../img/icon1.png") no-repeat scroll -260px -450px;
}

.space-chat-box-top {
    position: absolute;
    *zoom: 1;
    _display: none;
    left: 14px;
    top: 0;
    height: 7px;
    width: 174px;
    background: url("../img/icon1.png") no-repeat scroll -275px -430px;
}

.space-chat-box-bottom {
    position: absolute;
    _display: none;
    *zoom: 1;
    left: 14px;
    bottom: 0;
    height: 7px;
    width: 174px;
    background: url("../img/icon1.png") no-repeat scroll -275px -481px;
}

.space-chat-box-content {
    background-color: #efefef;
    min-height: 40px;
    max-height: 280px;
    line-height: 20px;
    *height: 40px;
    margin: 7px 0 7px 14px;
    overflow: hidden;
    padding: 3px 7px 3px 11px;
    word-break: break-all;
    word-wrap: break-word;
}

.space-btn-group {
    height: 100px;
    padding: 12px;
}

.space-btn-group li {
    display: inline;
    float: left;
    height: 80px;
    line-height: 28px;
    /*margin: 0 11px;*/
    margin: 0 25px;
    text-align: center;
    width: 60px;
    cursor: pointer;
}

.space-btn-group li a {
    display: block;
    color: #333;
}

.space-btn-group li a:hover {
    text-decoration: none;
}

.space-btn-group li i {
    display: block;
    height: 60px;
    width: 60px;
    background: url("../img/icon1.png") no-repeat scroll;
}

.space-btn-group .space-btn-tx i {
    background-position: 0 -430px;
}

.space-btn-group .space-btn-tx a:hover i {
    background-position: -65px -430px;
}

.space-btn-group .space-btn-xh i {
    background-position: -130px -430px;
}

.space-btn-group .space-btn-xh a:hover i {
    background-position: -195px -430px;
}

.space-btn-group .space-btn-ds i {
    background-position: 0 -500px;
}

.space-btn-group .space-btn-ds a:hover i {
    background-position: -65px -500px;
}

.space-btn-group .space-btn-yx i {
    background-position: -130px -500px;
}

.space-btn-group .space-btn-yx a:hover i {
    background-position: -195px -500px;
}

/*个人空间结束*/

/*
商品导购新增样式开始
*/
.ask-btn {
    /*background: url(../img/btn.png) no-repeat 0 0;*/
}

.recomment-list {
    margin: 10px 0;
}

.recomment-list td {
    text-align: center;
    padding-right: 15px;
}

.recomment-list td.last {
    padding-right: 0;
}

.recomment-list td a {
    color: #3e3e3e;
}

.recomment-list td img,
.goods-detail img {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 0;
    margin-left: 11px;
}

.goods-detail .goods-des-area {
    background-color: #EFF0F2;
    padding: 10px 8px;
    width: 350px;
    float: right;
}

.jimi-goods-list .goods-des-area .goods-title {
    max-height: 38px;
    overflow: hidden;
}

.jimi-pack-list .goods-detail img {
    height: 80px;
    width: 80px;
    margin-top: -40px;
}

.jimi-pack-list .goods-detail .goods-des-area {
    min-height: 60px;
    width: 374px;
}

.recomment-list td p {
    text-align: left;
}

.recomment-list td .price {
    margin: 5px 0 10px 0;
}

.price span,
.d-price,
.d-price a {
    color: #e4393c;
}

.ask-btn {
    width: 50px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    float: right;
    margin-right: 6px;
    padding: 0;
}

.ask-btn:hover {
    text-decoration: none;
}

.goods-detail {
    margin: 9px 0;
    width: 485px;
    border: 1px solid #D4D9DF;
    position: relative;
    *zoom: 1;
}

.short_cut_msg .goods-detail {
    margin: 0px;
    border: 0px;
}

.goods-detail .btn-wrap {
    margin: 0;
}

.jimi-goods-list .goods-des-area {
    height: 67px;
}

.jimi-goods-list .goods-des-area .btn-wrap {
    margin: 0;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.goods-detail .append-btn {
    float: right;
    width: 36px;
    height: 22px;
    text-indent: -9999px;
    margin-right: 6px;
    background: url("../img/icon1.png") no-repeat scroll -400px 0;
}

.jimi-goods-view .add-shopping {
    margin-left: 23px;
}

.goods-detail .note-btn {
    float: right;
    width: 36px;
    height: 22px;
    text-indent: -9999px;
    background: url("../img/icon1.png") no-repeat scroll -400px -25px;
}

.goods-detail .note-btn.noted {
    background-position: -400px -50px;
}

.related-goods {
    margin-top: 10px;
}

.tab-nav li {
    float: left;
    padding: 4px 0;
    border-top: 3px solid transparent;
}

.tab-nav li.current {
    background: #fff;
    border: 0;
    border-top: 3px solid #1c94e4;
    position: relative;
    left: -1px;
    bottom: -1px;
}

.tab-nav li a {
    display: block;
    padding: 0 5px;
    border-right: 1px solid #ccc;
}

.tab-nav li.last a {
    border: 0;
}

.tab-nav li.current a {
    border: 0;
    color: #000;
}

.tab-content {
    background: #fff;
    padding: 10px;
}

.tab-content li {
    float: left;
    width: 80px;
    margin-right: 10px;
}

.tab-content img {
    border: 1px solid #ccc;
    width: 78px;
    height: 78px;
    margin-bottom: 8px;
}

.tab-content .price {
    text-align: center;
}

.goods-txt {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
}

/*
商品导购新增样式结束
*/
/**
弹出框样式开始
*/
.popup-teach {
    /*background: #ffffff url(../img/jimi190.png) no-repeat left bottom;*/
    background-color: #EEEEEE;
    /*border: 1px solid #8E8E8E;*/
    /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);*/
    border-radius: 5px;
}

.suc-tip,
.err-tip {
    background: url(../img/icon-msg.png) no-repeat 8px 16px;
}

.suc-tip {
    width: 100px;
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    border: 1px solid #6b838f;
    border-radius: 5px;
    background-color: #ebf5ff;
    position: absolute;
    top: 115px;
    left: 155px;
}

.err-tip {
    width: 130px;
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    border: 1px solid #6b838f;
    border-radius: 5px;
    background-color: #ebf5ff;
    position: absolute;
    top: 115px;
    left: 155px;
}

.err-tip {
    background-position: 10px -66px;
}

/**
弹出框样式结束
*/
/**
满意度遮罩层样式
*/
#satisfyEvalue .know-btn {
    position: absolute;
    left: 218px;
    top: 125px;
    right: 0;
    width: 116px;
    height: 37px;
    background-image: url(//static.360buyimg.com/jimi/img/satisfy2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#satisfyEvalue .know-btn:hover {
    background-position: 0 -37px;
}

#satisfyEvalue .know-btn:active {
    background-position: 0 -74px;
}

/*点赞*/
.dig-w {
    width: 250px;
    height: 50px;
    margin: 15px 0 5px;
}

.dig-w .dig-pic {
    width: 46px;
    height: 46px;
    float: left;
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
}

.dig-w:hover .dig-pic {
    background-image: url("");
}

.dig-w.diged .dig-pic {
    background-image: url("");
}

.dig-w .dig-info {
    margin-left: 56px;
    padding-top: 12px;
}

.dig-w .dig-info span {
    display: block;
}

.dig-w .dig-tri {
    cursor: pointer;
    color: #20557F;
    text-decoration: underline;
}

.dig-w.diged .dig-tri {
    cursor: default;
    color: #ff0000;
    text-decoration: none;
}

.dig-w .dig-txt em {
    color: #ff0000;
    font-style: normal;
    padding: 0 1px;
}

/*异步登录样式开始*/
.thickframe {
    background: none repeat scroll 0 0 #000;
    border: 0 none;
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000000;
}

.thickdiv {
    background: none repeat scroll 0 0 #000;
    border: 0 none;
    height: 100%;
    left: 0;
    opacity: 0.15;
    filter: alpha(opacity=15);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000001;
}

.thickbox {
    /*background: url("i/bg_shadow.gif") no-repeat scroll -4px 0 transparent;*/
    /*overflow: hidden;*/
    /*padding: 0 4px 4px 0;*/
    /*position: absolute;*/
    /*z-index: 10000002;*/
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10000002;
}

.thicktitle {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 0 none;
    color: #333;
    font-family: arial, "宋体";
    font-size: 14px;
    font-weight: 700;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
}

.thickclose:link,
.thickclose:visited {
    background: url("i/bg_thickbox.gif") no-repeat scroll 0 -18px;
    display: block;
    font-size: 0;
    height: 15px;
    line-height: 100px;
    overflow: hidden;
    position: absolute;
    right: 12px;
    top: 7px;
    width: 15px;
    z-index: 100000;
}

.thickcon {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #C4C4C4;*/
    overflow: auto;
    padding: 10px;
}

.thickloading {
    background: url("i/loading.gif") no-repeat scroll center center #ffffff;
}

.thickcountdown {
    color: #999999;
    height: 20px;
    margin-top: -20px;
    padding-right: 6px;
    text-align: right;
}

#thicktitler {
    /*background: none repeat scroll 0 0 #8DB7DC;*/
    /*border: medium none;*/
    /*color: #FFFFFF;*/
    /*padding: 0 11px;*/
    /*width:390px;*/
}

#thickcloser:link,
#thickcloser:visited {
    background: url("i/thickbox_close.png") no-repeat scroll 0 0;
    display: block;
    font-size: 0;
    /*不能点击关闭*/
    /*height: 0;*/
    height: 21px;
    line-height: 100px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 21px;
    z-index: 100000;
}

#thickconr {
    /*border: 1px solid #8DB7DC;*/
}

.thickwrap {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c4c4c4;
}

/*异步登录样式结束*/

.copyright {
    position: absolute;
    bottom: -28px;
    text-align: center;
    left: 50%;
    margin-left: -294px;
    white-space: nowrap;
    color: #FFFFFF;
}

.copyright_open {
    position: absolute;
    bottom: 6px;
    text-align: center;
    left: 50%;
    margin-left: -294px;
    white-space: nowrap;
    color: #FFFFFF;
}

.copyright_open a {
    color: #005EA7;
}

.copyright a {
    color: #005EA7;
}

.book-opts a {
    background-color: #FFFFFF;
    border-radius: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 18px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.book-opts a:hover, .book-opts a:active {
    color: #FFFFFF;
    background-color: #2796e1;
    text-decoration: none;
}

.book-opts a:hover .triangle-open, .book-opts a:active .triangle-open {
    border-left: 4px solid #2796e1;
    border-right: 4px solid #2796e1;
    border-top: 5px solid #FFFFFF;
}

#navcontent {
    overflow: hidden;
}

#navc0 #productDetailDiv .detail {
    background-color: #FFFFFF;
}

.jimi-goods-list .goods-detail {
    height: 87px;
}

/*调教和反馈的对话框开始*/
#unsatisfyRegion {
    margin-top: -40px;
}

.satisfy,
.unsatisfy {
    width: 480px;
    /*background: url("common/i/mailPopbgBlue20140103.png") repeat-x 0 0;*/
    background-color: #EEEEEE;
    /*border: 1px solid #8E8E8E;*/
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    margin-top: -120px;
    left: 50%;
    margin-left: -240px;
}

.satisfy-header,
.unsatisfy-header,
.teach-header {
    height: 44px;
    padding-left: 130px;
    line-height: 44px;
    background-color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    *zoom: 1;
}

.satisfy-header.satisfy-header-new,
.satisfy-header.unsatisfy-header-new {
    padding-left: 50px;
}

.satisfy-header h3 {
    font-size: 14px;
    font-weight: bold;
}

.satisfy-header .logo {
    background: url("i/jimi_survey_logo.png") no-repeat scroll 0 0;
    height: 121px;
    left: 20px;
    position: absolute;
    top: -44px;
    width: 106px;
}

.satisfy-header.satisfy-header-new .logo {
    background: url("../img/icon1.png") no-repeat scroll -180px -150px;
    height: 26px;
    left: 12px;
    position: absolute;
    top: 10px;
    width: 26px;
}

.teach-header .logo {
    background: url("i/jimi_teach_logo.png") no-repeat;
    height: 121px;
    left: 8px;
    top: -50px;
    width: 126px;
    position: absolute;
}

.teach-header .close,
.satisfy-header .close {
    background: url("../img/icon1.png") no-repeat 0 -355px #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    width: 44px;
    /*border-left: 1px solid #D4D9DF;*/
    cursor: pointer;
    border-top-right-radius: 5px;
}

.teach-header .close:hover,
.satisfy-header .close:hover {
    /*background-color: #EEEEEE;*/
    background-position: 0 -384px;
}

.satisfy-content,
.unsatisfy-content,
.teach-content {
    padding: 30px 20px 18px;
}

.satisfy-content label {
    cursor: pointer;
    padding-left: 4px;
    *padding-left: 0;
}

.unsatisfy-region {
    margin-top: -33px;
}

.satisfy-jimi-expression {
    margin-top: -6px;
}

.satisfy-radio {
    margin-top: 45px;
}

.satisfy-radio li {
    float: left;
    margin-left: 32px;
}

.satisfy-radio a {
    display: block;
    width: 104px;
    height: 40px;
    background: url("//static.360buyimg.com/jimi/img/invite/radios.png") repeat scroll;
}

.satisfy-radio a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/*踩一下，赞一下*/
.satisfy-radio .satisfy-radio-10000-0 a {
    background-position: 0 0;
}

.satisfy-radio .satisfy-radio-10000-0 a.active {
    background-position: -110px 0;
}

.satisfy-radio .satisfy-radio-10000-0 a.active:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.satisfy-radio .satisfy-radio-10000-1 a {
    background-position: -225px 0;
    margin-top: -2px;
    height: 42px;
    width: 124px;
}

/*送鲜花，拍板砖*/
.satisfy-radio .satisfy-radio-10001-0 a {
    background-position: 0 -55px;
}

.satisfy-radio .satisfy-radio-10001-0 a.active {
    background-position: -110px -55px;
}

.satisfy-radio .satisfy-radio-10001-0 a.active:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.satisfy-radio .satisfy-radio-10001-1 a {
    background-position: -225px -43px;
    margin-top: -14px;
    height: 54px;
    width: 124px;
}

.investigation {
    font-size: 14px;
    /*height: 14px;*/
    /*line-height: 14px;*/
    /*解决ie6下字体顶部线束不全*/
    /*_line-height: 16px;*/
    color: #333333;
    margin-bottom: 10px;
}

.satisfy-choice {
    padding: 0 0 57px 113px;
    /*height: 14px;*/
    /*line-height: 12px;*/
}

.satisfy-choice label {
    font-size: 14px;
    color: #333333;
}

.investigation-position {
    padding-top: 2px;
}

.unsatisfy-reason {
    height: 13px;
    line-height: 13px;
    padding: 17px 0 18px;
    position: relative;
}

/*调教和反馈的对话框结束*/

/*柱状图样式开始*/
.j-data-bar .bar-area {
    list-style-type: none;
    font-size: 12px;
}

.j-data-bar .bar-item {
    height: 36px;
    line-height: 36px;
    width: 450px;
    vertical-align: bottom
}

.j-data-bar .bar-label {
    float: left;
    text-align: right;
    width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.j-data-bar .bar-graph {
    margin-left: 8px;
    float: left;
    width: 350px;
    text-align: center;
    border-left: 1px solid #B3B3B4;
}

.j-data-bar .bar-value {
    float: left;
    font-style: normal;
    font-weight: bold;
    font-family: arial;
    font-size: 12px;
    color: #582413;
    height: 36px;
    background: url("i/graph.png") repeat-x 0 6px;
    position: relative;
    *zoom: 1;
}

.j-data-bar .bar-value span {
    position: absolute;
    right: 50%;
    margin-right: -13px;
    top: 0;
    z-index: 1;
}

.j-data-bar .bar-value span.value-right {
    right: 0;
    margin-right: -22px;
}

.j-data-bar .bar-value i {
    z-index: 1;
    position: absolute;
    right: -4px;
    top: 0px;
    width: 5px;
    height: 36px;
    background: url("i/graph.png") repeat-x 0 -24px;
}

.j-data-bar .bar-title {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin-bottom: 10px;
}

/*柱状图样式结束*/

/*区域选择开始*/
#districtarea-msg .text, #district-consult .text {
    display: none;
}

#district-consult-select {
    left: 65px;
    top: 2px;
    cursor: pointer;
    z-index: 1;
}

.district-line {
    background-color: #fff;
    height: 2px;
    position: absolute;
    z-index: 2;
    top: -2px;
    right: 22px;
}

#district-result .jimi-chat-title {
    margin-top: 12px;
}

/*区域选择结束*/

/*消息中的天气开始*/
.jimi-weather-title {
    text-align: left;
    font-size: 14px;
    color: #333333;
}

.jimi-weather-wrapper {
    text-align: center;
    padding: 15px 30px;
}

.jimi-weather-wrapper li {
    float: left;
}

.jimi-weather-box p {
    margin-top: 8px;
    line-height: 12px;
}

.jimi-weather-temperature {
    padding: 4px 0;
}

.jimi-weather-separate {
    background-color: #E9ECEF;
    width: 1px;
    height: 170px;
    margin: 10px 20px 0;
}

.jimi-weather-day {
    margin-bottom: 16px;
}

.jimi-weather-day img {
    width: 70px;
    height: 70px;
}

.jimi-weather-pollution {
    background-color: #DBEFFF;
    padding: 6px 22px;
    border-radius: 20px;
}

.jimi-weather-today img {
    width: 100px;
    height: 100px;
}

.jimi-weather-today .jimi-weather-temperature {
    font-size: 14px;
    line-height: 14px;
}

.jimi-weather-today .jimi-weather-des {
    font-size: 14px;
    line-height: 14px;
    margin-top: 8px;
}

.jimi-weather-today {
    padding: 0 20px 0 0;
}

.jimi-weather-index-wrapper, .common-ul {
    border: 1px solid #D4D9DF;
}

.jimi-weather-index-wrapper li, .common-ul li {
    padding: 5px 0;
}

.jimi-weather-index-even, .common-ul li.even {
    background-color: #EFF0F2;
}

.jimi-weather-index-name, .common-ul li .li-title {
    text-align: right;
    float: left;
    width: 80px;
    padding: 0 8px 0 13px;
}

.common-ul li .li-title {
    width: 63px !important;
}

.jimi-weather-index-tips, .common-ul li .li-content {
    float: left;
    width: 370px;
    overflow: hidden;
    color: #666666;
}

/*惊喜的天气*/
.jimi-mini-weather {
    color: #666666;
    padding: 10px;
}

.jimi-mini-weather-icon {
    float: left;
    margin-right: 20px;
}

.jimi-mini-weather-icon img {
    width: 100px;
    height: 100px;
}

.jimi-mini-weather-des {
    float: left;
    margin-top: 10px;
}

.jimi-mini-weather-title {
    font-size: 14px;
    margin-right: 8px;
    color: #333333;
}

/*消息中的天气结束*/

/*比价表格开始*/
.price-table td {
    width: 100px;
}

.price-table .logo-360buy {
    display: block;
    height: 26px;
    background: url("i/360logo.png") no-repeat 12px 0;
}

/*比价表格结束*/

/*消息中的表格开始*/
.cmp-table, .common-table {
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 4px 0;
}

.cmp-table td {
    border: 1px solid #cccccc;
    width: 235px;
    padding: 4px;
    vertical-align: top;
}

.common-table td {
    border: 1px solid #cccccc;
    vertical-align: middle;
    padding: 4px;
    text-align: center;
}

.common-table td.title {
    font-size: 14px;
}

.cmp-table .product-link {
    margin: 4px 0;
}

.price-line-chart {
    border: 1px solid #cccccc;
    width: 450px;
    padding: 4px;
    vertical-align: top;
    margin-top: 4px;
}

.price-line-chart .title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 4px;
}

/*消息中的表格结束*/

/*列表中的商品信息开始*/
.common-ul li.li-goods-area {
    padding: 0 8px 0 0;
    margin-bottom: -1px;
    border-bottom: 1px solid #D4D9DF;
}

.common-ul li.li-goods-area .li-title {
    width: 63px;
}

/*列表中的商品信息结束*/

/*彩票链接*/
.lottery-links {
    padding: 4px 8px;
}

/*彩票链接*/

/*输入框提示*/
.input-tips {
    position: absolute;
    top: -25px;
    left: 20px;
    height: 36px;
    padding: 0 6px;
    z-index: 121;
}

.input-tips-l {
    position: absolute;
    width: 6px;
    height: 36px;
    top: 0;
    left: 0;
    background: url("i/tips.png") no-repeat 0 0;
}

.input-tips-r {
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 36px;
    background: url("i/tips.png") no-repeat -22px 0;
}

.input-tips-arrow {
    position: absolute;
    left: 25px;
    width: 16px;
    bottom: -1px;
    height: 8px;
    background: url("i/tips.png") no-repeat -6px -29px;
}

.input-tips p {
    color: #FF0000;
    background: url("i/tips.png") repeat-x scroll 0 -37px #fff;
    padding: 7px 4px;
    height: 18px;
    line-height: 18px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*输入框提示*/

/*需要登录的提示*/
.jimi-noLogin-msgTips {
    background: url("//static.360buyimg.com/jimi/img/2013618.v1.0.0/IM/panelRBg.png") repeat scroll;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 122;
}

.jimi-noLogin-msgTips p {
    position: relative;
}

.jimi-noLogin-msgTips a {
    color: #A4D1FF;
}

.jimi-noLogin-jumbotron, .jimi-noOrder-jumbotron {
    padding-top: 90px;
}

.jimi-noLogin-jumbotron p,
.jimi-noOrder-jumbotron p {
    background: url("i/jimi_noLogin_jumbotron.png") no-repeat scroll 70px 0;
    line-height: 24px;
    font-size: 12px;
    margin: 0 auto;
    padding-top: 195px;
    text-align: center;
    width: 265px;
}

/**/

/*JIMI邀评开始*/
.jimi-invite {
    margin-top: 4px;
    position: relative;
    zoom: 1;
    width: 270px;
}

.jimi-invite img {
    border-radius: 4px;
    float: left;
}

.jimi-invite-control {
    float: left;
    margin-left: 18px;
    margin-top: 92px;
    text-align: right;
}

.jimi-invite a {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #777;
    margin-left: 8px;
}

.jimi-invite a:hover {
    background-color: #84c0f2;
    border: 1px solid #84c0f2;
    color: #FFF;
}

.jimi-invite .jimi-invite-thanks {
    float: left;
    margin-left: 8px;
    margin-top: 48px;
}

.jimi-invite-5 .jimi-invite-thanks {
    color: #e0414a;
    float: left;
    margin-left: 55px;
    margin-top: -20px;
}

.jimi-invite-5 {
    margin: 16px -12px 8px 0;
    /*padding: 0 0 0 10px;*/
    width: 390px;
    position: relative;
    *zoom: 1;
}

.jimi-invite-5 .radio-type {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    padding: 0 0 4px;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 4px;
}

.jimi-invite-5 form {
    margin-bottom: 8px;
}

.jimi-invite-5 .common-btn {
    float: left;
    padding: 4px 10px;
    margin-top: -20px;
}

.jimi-invite-5 .words-restrict {
    padding-bottom: 0;
}

.words-restrict.red {
    color: #d94643;
}

.jimi-invite-reason {
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: -20px;
}

.jimi-invite-reason-words {
    border: 1px solid rgb(204, 204, 204);
    height: 24px;
    line-height: 24px;
    margin-top: 4px;
    padding: 0 8px;
    width: 361px;
}

.invite-star-box {
    margin-bottom: 52px;
}

.invite-star, .jimi-invite5 .invite-star-hover {
    background: url(../img/icon1.png) no-repeat;
    height: 24px;
    width: 24px;
    float: left;
    padding-right: 1px;
    cursor: pointer;
}

.invite-star {
    background-position: -130px -565px;
}

.invite-star-hover {
    background-position: 0 -565px;
}

.invite-star-tips.invite-start-tips-init {
    color: #999;
}

.invite-star-tips {
    color: #e0414a;
    float: left;
    line-height: 24px;
    margin-left: 8px;
}

.invite-jimi-img {
    height: 120px;
    position: absolute;
    right: 4px;
    top: -40px;
    width: 120px;
}

.invite-jimi-img img {
    border-radius: 4px;
    height: 120px;
    width: 120px;
}

/*JIMI邀评结束*/

/*聊天帮助开始*/
.chat-helper {
    height: 32px;
    background-color: #D9DEE3;
}

.chat-helper-guess {
    float: right;
    cursor: default;
    width: 345px;
}

.chat-helper-guess-select {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #d4d9df;
    float: right;
    height: 22px;
    line-height: 22px;
    margin-right: 6px;
    margin-top: 5px;
    width: 250px;
    position: relative;
    *zoom: 1;
    cursor: pointer;
}

.chat-helper-guess-tips {
    float: left;
    line-height: 32px;
}

.chat-helper-guess-select span {
    display: block;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
}

.chat-helper-guess-select b {
    background-color: #eff0f2;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-left: 1px solid #d4d9df;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    cursor: pointer;
}

.chat-helper-guess-select b:hover {
    background-color: #E9EAED;
}

.chat-helper-guess-select b:hover i {
    border-left: 4px solid #E9EAED;
    border-right: 4px solid #E9EAED;
}

.chat-helper-guess-select i {
    display: block;
    margin: 10px auto 0;
    border-left: 4px solid #eff0f2;
    border-right: 4px solid #eff0f2;
    border-top: 5px solid #6d8598;
    width: 0;
    height: 0;
}

.chat-helper-guess-list {
    background-color: #fff;
    border: 1px solid #d4d9df;
    right: -1px;
    position: absolute;
    top: 22px;
    z-index: 1;
}

.chat-helper-guess-list a {
    color: #333;
    display: block;
    width: 240px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-helper-guess-list a:hover {
    background-color: #eceef2;
    text-decoration: none;
}

/*聊天帮助结束*/

/*一些通用工具样式开始*/
.common-yellow-highlight {
    color: #ddaa00
    font-weight: bold;
}

.common-yellow {
    color: #ddaa00;
}

.common-red-highlight {
    color: #d94643;
    font-weight: bold;
}

.common-red {
    color: #d94643;
}

.common-blue-normal {
    color: #005ea7;
    font-size: 100%;
}

.common-highlight, .txt-strong {
    font-weight: bold;
}

.common-text-center {
    text-align: center;
}

.common-question-bg {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #c1e1fc;
    border-radius: 20px;
    padding: 3px 8px;
    margin-top: 6px;
}

.common-question-bg.small {
    width: 150px;
}

.common-question-bg.normal {
    width: 250px;
}

.common-question-bg.large {
    width: 350px;
}

/*问题预判*/
.common-question-bg1 {
    display: inline-block;
    background-color: #fff;
    border-radius: 20px;
    padding: 2px 12px;
    margin-bottom: 6px;
    border: 1px solid #D7E5F4;
}

.common-question-bg1.small {
    width: 150px;
}

.common-question-bg1.normal {
    width: 250px;
}

.common-question-bg1.large {
    width: 350px;
}

a.pretext {
    margin-bottom: 12px;
    text-decoration: none;
    color: #333;
    cursor: default;
    display: inline-block;
}

a.common-question-bg1:hover {
    background-color: #e8f2fb;
    text-decoration: none;
}

a.pchecked {
    background-color: #e8f2fb;
}

a.nopre {
    margin-bottom: 0px;
}

.common-hide {
    display: none;
}

.common-orange, .txt-orange {
    color: #FF6600;
}

.common-gray, .txt-gray {
    color: #778080;
}

.common-green, .txt-green {
    color: #118518;
}

.common-ml8 {
    margin-left: 8px;
}

.common-mlt8 {
    margin: 8px 0 0 8px;
}

.common-hr {
    height: 1px;
    background-color: #e9ecef;
    display: block;
    margin: 8px 0;
}

.jimi-thumb-link {
    padding: 2px;
    display: inline-block;
    *zoom: 1;
    border-radius: 6px;
    line-height: 0;
    position: relative;
}

.jimi-thumb-link img {
    border-radius: 6px;
}

.jimi-thumb-link:hover {
    background-color: #4ae;
}

/*2015样式*/
.newyear2015 .header .logo {
    height: 80px;
    width: 731px;
    left: -13px;
    top: -17px;
}

.newyear2015 .header .logo img {
    height: 80px;
    width: 731px;
}

.newyear2015 .space-chat-header {
    background: url("//static.360buyimg.com/jimi/img/newyear2015/jimi_space.png") no-repeat scroll 0 5px;
    float: left;
    height: 100px;
    margin-left: -10px;
    margin-top: 4px;
    width: 97px;
}

.teachimg {
    max-width: 30px;
    max-height: 30px;
    width: 30px;
    height: 30px;
    float: left;
}

/*充值业务样式*/
.picon {
    display: inline-block;
    background: url(../img/picon.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.ptitle {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #232326
}

.infoarea {
    background: #EFF0F2;
    margin-top: 12px;
    padding: 14px 50px 16px 12px;
    margin-bottom: 5px;
}

.txt1 {
    color: #232326;
    margin-right: 5px;
}

.txt2 {
    color: #C81623;
}

.paybtn {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #C81623;
    background: #C81623;
    border-radius: 2px;
    float: right;
}

.paybtn:hover {
    background: #B1191A;
}

a:hover {
    text-decoration: none;
}

/*发错货场景样式*/
.showtype {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    cursor: pointer;
}

.listview {
    background: url(../img/list.png) 0 0 no-repeat;
}

.picview {
    background: url(../img/view.png) 0 0 no-repeat;
}

.orderlist {
    margin-top: 14px;
}

.orderlist .title {
    color: #999;
    padding: 7px 16px 7px 14px;
}

.orderlist > li {
    border: 1px solid #E2E1E8;
    margin-bottom: 10px;
}

.orderlist .line {
    display: inline-block;
    height: 11.1px;
    width: 2px;
    background: #E2E1E8;
    vertical-align: middle;
    margin: 0 9px;
}

.footer {
    text-align: right;
}

.footer1 {
    text-align: right;
}

.orderinfo {
    background-color: #EFF0F2;
    clear: both;
    overflow-y: scroll;
    overflow-x: hidden;
    /*max-height: 206px;*/
    max-height: 176px;
}

.orderinfo li {
    border-bottom: 1px solid #E2E1E8;
    padding: 13px;
    float: left;
    position: relative;
    width: 444px;
    height: 61px;
}

.orderinfo li:after, .orderinfo:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    zoom: 1;
}

.orderinfo li label {
    position: absolute;
    left: 15px;
    top: 32px;
    width: 34px;
}

.orderinfo li label .mycheckbox {
    display: inline-block;
}

.orderinfo li .pos-bot {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.orderinfo li .botip {
    color: #999
}

.moreprolist .p-img {
    margin-left: 30px;
    display: block;
}

.orderinfo .p-img:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    zoom: 1;
}

.orderinfo .desc {
    padding: 10px 0 0 70px;
    height: 100%;
    display: block;
    /*width: 359px;word-break: break-all;word-wrap: break-word;*/
}

.orderinfo .desc span {
    vertical-align: middle;
}

.picList li {
    margin: 0 5px 0 0;
    padding: 0;
    width: 60px;
    height: 60px;
    float: left;
    position: relative;
    clear: none;
}

.picList li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    zoom: 1;
}

.picList li img {
    margin: 0;
    border: 1px solid #E2E1E8;
}

.picList li .i_sel {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../img/pcheck.png) 0 0 no-repeat;
    width: 62px;
    height: 62px;
    display: none;
}

.picList li.on img {
    border: none;
}

.picList li.on .i_sel {
    display: block;
}

.p-img .desc {
    color: #333;
}

.checkarea {
    float: left;
}

.oper {
    float: right;
}

.oper1 {
    float: right;
}

.orderlist .footer {
    text-align: right;
    color: #333;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.orderlist .footer1 {
    text-align: right;
    color: #333;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.orderlist .goodtip {
    color: #999;
    padding-top: 10px;
    display: none;
}

.moreprolist .single {
    padding-left: 0px;
}

.moreprolist .single1 {
    padding-left: 0px;
}

.orderlist .noshow {
    display: none;
}

.orderlist .noshow1 {
    display: none;
}

.moreproview .orderinfo li {
    border: none;
    padding: 8px;
}

.moreproview .orderinfo .picList li {
    margin: 2px 5px 0 0;
    padding: 0;
    width: 60px;
    height: 60px;
    float: left;
    position: relative;
    clear: none;
}

.hinput {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.myradio {
    vertical-align: middle;
}

.mycheckbox {
    vertical-align: middle;
}

input[type=radio] + span {
    background: url(../img/radio.png) 0 0 no-repeat;
    display: inline-block;
    height: 14px;
    min-width: 14px;
    cursor: pointer;
}

input[type=radio]:checked + span {
    background: url(../img/rcheck.png) 0 0 no-repeat;
}

input[type=checkbox] + span {
    background: url(../img/checkbox.png) 0 0 no-repeat;
    height: 14px;
    width: 14px;
    cursor: pointer;
}

input[type=checkbox]:checked + span {
    background: url(../img/boxcheck.png) 0 0 no-repeat;
}

a.radiovalue {
    color: #999;
    cursor: default;
    vertical-align: middle;
    padding-left: 8px;
}

.btnarea {
    text-align: right;
    margin-top: 10px;
}

.btnarea .morebtn {
    border: 1px solid #CAC9D1;
    padding: 6px 11px;
    border-radius: 2px;
    color: #333;
}

.btnarea .morebtn:hover {
    background: #D9D9D9;
}

.btnarea .submit {
    border: 1px solid #EFF0F2;
    padding: 6px 23px;
    border-radius: 2px;
    color: #BFBFBF;
    background: #EFF0F2;
    margin-left: 10px;
}

.submit:hover {
    background: #EFF0F2;
}

.btnarea .active:hover {
    background: #AA121D;
}

.btnarea .active {
    border: 1px solid #C81623;
    padding: 6px 23px;
    border-radius: 2px;
    color: #fff;
    background: #C81623;
    margin-left: 10px;
}

/*确认信息*/
.messagearea {
    border: 1px solid #E2E1E8;
    margin-top: 10px;
}

.messtip {
    font-weight: 100;
    padding: 7px 14px;
}

.messform {
    background: #EFF0F2;
    padding: 13px;
}

.message {
    display: none;
    border: 1px solid #E2E1E8;
    border-radius: 2px;
    padding: 3px 2px;
    width: 100px
}

.message:focus {
    border: 1px solid #3897E7;
    border-radius: 2px;
}

.messform .item {
    margin-bottom: 10px;
}

.editicon {
    display: inline-block;
    background: url(../img/edit.png) 0 0 no-repeat;
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-left: 14px;
}

.label {
    font-weight: 100;
    margin-left: 5px;
    vertical-align: middle;
}

.radioarea {
    margin-right: 20px;
    margin-left: 10px;
}

.radioarea .radiovalue {
    color: #333;
    padding: 0;
}

.mess {
    vertical-align: middle;
}

.oper1 .rechoose {
    color: #2d8ef2;
}

.assure .errortip {
    color: #C81623;
    margin-left: 10px;
}

.oper1 .dis {
    cursor: default;
    color: #999;
}

/*转人工样式*/
.chat-tips {
    text-align: center;
    margin: 15px 30px;
}

.chat-tips .chat-msg {
    display: inline-block;
    position: relative;
    *zoom: 1;
    *display: inline;
}

.chat-tips .cont {
    position: relative;
    z-index: 2;
    display: inline-block;
    word-break: break-all;
    padding: 0 15px;
    margin: 0;
    line-height: 24px;
}

.chat-tips .mask {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 24px;
    background: #dbdbdb;
}

.chat-msg .bl, .chat-msg .br, .chat-msg .tl, .chat-msg .tr {
    position: absolute;
    z-index: 9;
    width: 12px;
    height: 12px;
    overflow: hidden;
}

.chat-msg .tl {
    top: 0px;
    left: 0px;
    background: url(../img/bg-manual.png) no-repeat 0 0;
}

.chat-msg .tr {
    top: 0px;
    right: 0px;
    background: url(../img/bg-manual.png) no-repeat -18px 0px;
}

.chat-msg .bl {
    bottom: 0px;
    left: 0px;
    background: url(../img/bg-manual.png) no-repeat 0 -12px;

}

.chat-msg .br {
    bottom: 0px;
    right: 0px;
    background: url(../img/bg-manual.png) no-repeat -18px -12px;

}

/*一些同样工具样式结束*/

/*引入三方插件样式开始*/
@import url("../img/plugins/iCheck/square/blue.css");
@import url("../img/plugins/lightbox/css/lightbox.css");
/*引入三方插件样式结束*/

::-webkit-scrollbar {
    width: 3px;
    height: 12px;
    -webkit-border-radius: 40%;
}

::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    -webkit-border-radius: 12px;
}

::-moz-scrollbar {
    width: 3px;
    height: 12px;
    -moz-border-radius: 40%;
}

::-moz-scrollbar-thumb {
    background: #c3c3c3;
    -moz-border-radius: 12px;
}

::-ms-scrollbar {
    width: 3px;
    height: 12px;
    -ms-border-radius: 40%;
}

::-ms-scrollbar-thumb {
    background: #c3c3c3;
    -ms-border-radius: 12px;
}

/*card*/
.chat-box {
    border: #e4e4ea solid 1px;
    border-radius: 10px;
    display: inline-block;
    margin-left: 85px;
    background-color: #fff;

}

.f-card {
    margin-top: 2px;
}

.img-lis {
    width: 360px;
    height: 80px;
    margin-bottom: 10px;
    overflow: hidden;
}

.img-lis img {
    width: 100%;
    height: 100%;
}

.text-lis {
    max-width: 360px;
}

.text-lis-tip {
    color: #acaaaa;
    line-height: 16px
}

.text-lis li {
    border-bottom: #f4f4f4 solid 1px;
}

.text-lis li a {
    color: #000;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    display: block;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../img/icon3.png) no-repeat right 11px;
}

.text-lis li a:hover {
    background-color: #f8f8f8;
}

.bot-note {
    color: #3897E7;
    line-height: 30px;
    margin-bottom: -6px;
}

.fast-entry {
    position: absolute;
    bottom: 2px;
    right: 0;
    padding: 0 40px 0 10px;
}

.f-e-btn {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 24px;
    height: 24px;
    display: block;
    background: url(../img/icon3.png) no-repeat 0 -52px;
}

.f-e-btn:hover {
    background-position: 0 -25px;
}

.f-e-btn.on {
    background-position: 0 -106px;
}

.f-e-btn.on:hover {
    background-position: 0 -79px;
}

.f-e-lis {
    width: 100%;
    height: 24px;
    overflow-y: hidden;
    overflow-x: auto;
}

.f-e-lis .f-link-a {
    float: right;
    display: inline-block;
    margin-left: 6px;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    background: #FFFFFF;
    border: 1px solid #E4E4EA;
    border-radius: 11px;
    color: #888;
}

.f-e-lis .f-link-a:hover {
    color: #3897E7;
}

.nb-btn-1 {
    padding: 2px 10px;
    text-align: center;
    color: #005EA7;
    background: #fff;
    display: inline-block;
    border-radius: 20px;
    border: solid 1px #D7E5F4;
    margin: 6px 10px 0 0;
    min-width: 56px;
}

.nb-btn-1:hover {
    background: #e8f2fb;
}

.p_img_show {
    width: 360px;
}

.p_img_show .jimi-img {
    position: relative;
    overflow: hidden;
    margin-top: 4px;
}

.p_img_show .jimi-img ul {
    overflow: hidden;
}

.p_img_show .jimi-img ul li {
    float: left;
    background-color: #FFF;
    text-align: center;
}

.p_img_show .jimi-img li {

}

.p_img_show .jimi-img .num {
    background: rgba(74, 74, 74, .8);
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #FFF;
}

.single-img {
    max-width: 100px;
}

/** initial setup **/
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    *overflow: hidden;
    *zoom: 1;
    *height: auto;
}

.nano .content {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -18px;
    /*right: 0;
    left: 0;
    bottom: 0;*/
    outline: 0;
}

@media screen and (max-device-width: 1024px) {
    .nano .content {
        /*right: -17px;*/
    }
}

.nano .pane {
    position: absolute;
    /*width: 20px;*/
    padding: 0 2px 0 8px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden \9; /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.nano .pane .slider {
    background: none repeat scroll 0 0 #c5c5c5;
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    width: 4px;
}

.nano:hover .pane, .pane.active, .pane.flashed {
    visibility: visible \9; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}

.nano .detail {
    background-color: #eceef2;
    border-bottom: 1px solid #ced9e1;
    /*padding-right: 30px;*/
}

.js-navc-productInfo .nano .detail {
    border-bottom: none;
}

.nano .content {

}

/*return goods*/
.productWrap li {
    float: left;
    width: 50px;
    text-align: center;
    margin-right: 5px;
}

.productWrap li a {
    float: none;
}

.orderList .order-detail {
    line-height: 25px;
}

.orderList .order-detail img {
    border: 1px solid #e5e5e5;
}

.productWrap .yellow-btn {
    margin-top: 7px;
}

.imgList span {
    color: #999;
}

.orderList .undone {
    clear: both;
    line-height: 24px;
    text-align: center;
    color: #999;
}

.orderList .order-time p {
    line-height: 24px;
}

.returnsPop {
    width: 600px;
    padding: 0 20px;
}

.step {
    background: url(/jimi/img/common/bg_step.png?{version}) no-repeat 0 0;
    width: 430px;
    margin-left: 90px;
    height: 30px;
    line-height: 30px;
    padding-top: 32px;

}

.step3-1 {
    background-position: 0 0;
}

.step3-2 {
    background-position: 0 -51px;
}

.step3-3 {
    background-position: 0 -110px;
}

.step li {
    float: left;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    font-size: 16px;
    font-weight: bold;
    width: 122px;
    color: #999;
}

.step li.current, .step li.done {
    color: #b4df55;
}

.step li.done {
    padding-left: 20px;
}

.step li.first {
    width: 120px;
}

.step li.second {
    width: 140px;
}

.step li.third {
    width: 130px;
    float: right;
    text-align: right;
}

.returns-form {
    margin: 20px 0;
}

.ui-field {
    padding: 10px 0;
    line-height: 20px;
    *zoom: 1;
}

.ui-field:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.ui-field .ui-label {
    float: left;
    width: 120px;
    margin-right: 15px;
    text-align: right;;
}

.ui-field .ui-label b {
    color: #f90;
}

.ui-field textarea {
    width: 400px;
    height: 70px;
}

.add-btn, .minu-btn {
    cursor: pointer;
    text-indent: -9999px;
    float: left;
    background-position: 0 -154px;
    width: 22px;
    height: 30px;
}

.add-btn {
    background-position: -20px -154px;
}

.ui-field .number-input {
    width: 30px;
    float: left;
}

.filed-text {
    margin-left: 135px;
    color: #666;
    height: 30px;
    line-height: 30px;
}

.file-field {
    position: relative;
    width: 70px;
    left: -70px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.upload-btn {
    width: 70px;
}

.field-list {
    margin-left: 135px;
}

.address-input {
    width: 300px;
}

.btn-wrap {
    margin: 30px 0 10px 135px;
}

.btn-wrap input {
    float: left;
    margin-right: 15px;
}

/*.afterSalesPop .btn-wrap input{*/
/*float: left;*/
/*margin-right:10px;*/
/*}*/
.btn-wrap .message {
    color: #d10;
    line-height: 30px;
}

/*�ۺ���񵯳���*/
.afterSalesPop {
    display: none;
    position: absolute;
    width: 800px;
    height: 590px;
    font: 12px/100% 'SimSun';
    background: fff;
    border: #841c1c 1px solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 122;
    left: 50%;
    margin: 0 0 0 -203px;
}

/*�رհ�ť*/
.afterSalesPop .afterSalesPopClose {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 6px;
    top: 14px;
}

/*���������*/
.afterSalesPop .popTitle {
    height: 50px;
    background: url(/jimi/img/default.v1.0.0/popJimi.png?{version}) 30% no-repeat;
    margin: 0 auto;
    width: auto;
    text-align: center;
    padding-top: 35px;
}

.afterSalesPop .popTitle span {
    font-family: Microsoft YaHei;
    font-size: 20px;
    line-height: 20px;
    color: #68aada;
    margin-left: 20px;
}

/*���������ģ��*/
.afterSalesPop .popContent {
    font: 12px/100% 'SimSun';
    padding: 0 50px;
}

.afterSalesPop .popContent dd {
    color: #958582;
    line-height: 45px;
    margin: 0 10px;
}

.afterSalesPop .popContent span {
    float: left;
}

.afterSalesPop .popContent .mlRadio {
    background: url(/jimi/img/default.v1.0.0/rdBg03.png?{version}) no-repeat;
    height: 15px;
    width: 15px;
    margin-top: 16px;
    margin-right: 2px;
}

.afterSalesPop .popContent .rdText {
    margin-right: 10px;
}

.afterSalesPop .popContent em {
    background: url(/jimi/img/default.v1.0.0/rdBg01.png?{version}) no-repeat;
    width: 7px;
    height: 7px;
    float: left;
    margin: 4px 0 0 4px;
}

/*�����㽨��ģ��*/
.afterSalesPop .suggest {
    line-height: 20px;
    margin-bottom: 10px;
}

.afterSalesPop .suggest dd {
    background: url(/jimi/img/default.v1.0.0/txBg.png?{version}) no-repeat;
    _background: none;
    width: 355px;
    height: 80px;
    margin: 5px 10px 0px 10px;
    word-wrap: break-word;
}

.afterSalesPop .suggest span {
    float: none;
    padding: 5px;
}

.afterSalesPop .suggest span b {
    color: #ff8a00;
}

.afterSalesPop .suggest dd textarea {
    line-height: 16px;
    height: 56px;
    outline: none;
    word-wrap: break;
    padding-left: 10px;
    padding-top: 10px;
    width: 335px;
    border: none;
    overflow: auto;
    font: 12px/16px 'SimSun';
    background: url(/jimi/img/default.v1.0.0/txBg.png?{version}) no-repeat fixed;
    *padding-left: 0px;
    *padding-right: 0px;
    resize: none;
    color: #958582;
}

/*�������ύģ��*/
.afterSalesPop .submit {
    text-align: center;
}

.afterSalesPop .submit input {
    width: 54px;
    width: 55px \9;
    height: 24px;
    margin: 0 10px;
    border: none;
}

.afterSalesPop .submit input[type='button'] {
    background: url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -54px;
    background: url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -53px \9;
}

.afterSalesPop .submit input[type='button']:hover {
    background: url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat;
}

.afterSalesPop .submit input[type='reset'] {
    background: url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -108px;
}

.afterSalesPop .submit input[type='reset']:hover {
    background: url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -162px;
}

.msg-text-01 {
    border: 1px solid #D8D8D8;
    background: #F5F5F5;
    color: #666666;
    padding: 2px 6px;
    margin-top: 6px;
    margin-left: 140px;
    width: 370px;
}

.btns01 {
    padding-left: 35px;
    padding-top: 10px;
    float: right;
}

/*afterSalesPop style*/
#afterSalesPop {
    background: url(/jimi/img/default.v1.0.0/mailPopbgBlue.png?{version}) repeat-x;
    border: #5da4d7 1px solid;
}

/*�رհ�ť*/
.afterSalesPop .afterSalesPopClose {
    background: url(/jimi/img/default.v1.0.0/popCloseblue.png?{version});
}

.afterSalesPop .afterSalesPopClose:hover {
    background: url(/jimi/img/default.v1.0.0/popCloseblue.png?{version}) -18px;
}

/*ͼƬ�ϴ��ؼ�*/
.mscoll {
    float: left;
    width: 352px;
}

.mslist {
    width: 300px;
    height: 52px;
    overflow: hidden;
    margin: 0 25px;
}

.mleft {
    float: left;
}

.mright {
    float: right;
}

.mleft, .mright {
    background: url(//misc.360buyimg.com/product/skin/2012/i/newicon20121210.png?{version});
    width: 17px;
    height: 54px;
    line-height: 200px;
    overflow: hidden;
    cursor: pointer;
}

.mscoll li b {
    position: absolute;
    right: 4px;
    bottom: 0;
    background: #6D6D6D;
    width: 12px;
    height: 12px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    display: none;
    cursor: pointer;
}

.img-list li {
    width: 60px;
    height: 52px;
    position: relative;
    float: left;
}

.mscoll .hover b {
    display: block;
}

.msg-error-01 {
    border: 1px solid #db9a9a;
    background: #ffe8e8;
    color: #cc0000;
    float: left;
    padding: 2px 6px;
}

/*ת�˹�ABTest��ʽ*/

/*�ұ�ͼƬ�޸�-verA*/
#container .panelR-a {
    background: url(/jimi/img/default.v1.0.0/rightPanel-318.png?{version}) 0 0 no-repeat;
}

#panelRicon {
    margin-top: 0;
    height: 295px;
    overflow: hidden;
}

.manuallySup .icon {
    background: url(/jimi/img/default.v1.0.0/rightIcon-20130822.png?{version}) -126px -168px no-repeat;
}

.manuallySup .icon:hover, #panelRicon .manuallySup .active {
    background-position: -42px -168px;
}

/*�ұ�ͼƬ�޸�-verB*/
#container .panelR-b {
    background: url(/jimi/img/default.v1.0.0/rightPanel-318.png?{version}) 0 0 no-repeat;
}

#panelR .manuallySupport {
    display: block;
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

#panelR .manuallySupport .icon {
    float: left;
    width: 21px;
    height: 21px;
    margin-left: 14px;
    background: url(/jimi/img/default.v1.0.0/rightIcon-20130822.png?{version}) -84px -168px no-repeat;
}

#panelR .manuallySupport:hover .icon, #panelR .manuallySupport .active {
    background-position: -1px -168px;
}

* html #panelR .manuallySupport .icon:hover, * html #panelR .manuallySupport .active {
    _background-position: -1px -168px;
}

#panelR .manuallySupport .toKF {
    float: left;
    display: inline;
    width: 80px;
    margin-left: 5px;
    _margin-top: 2px;
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
    overflow: hidden !important;
}

#swipebox-overlay img {
    border: none !important;
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#swipebox-slider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer;
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

#swipebox-slider .slide-loading {
    background: url(../img/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%;
}

#swipebox-bottom-bar {
    bottom: -50px;
}

#swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
    top: -50px;
}

#swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
    background-image: url(../img/icons.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px;
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left;
}

#swipebox-next {
    background-position: -78px 13px;
    float: right;
}

#swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
    display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
    opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring 0.3s;
    animation: rightSpring 0.3s;
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring 0.3s;
    animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0;
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
    box-shadow: inset 10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
    box-shadow: inset -10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
    opacity: 1;
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1;
}

@-webkit-keyframes rightSpring {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightSpring {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes leftSpring {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftSpring {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@media screen and (min-width: 800px) {
    #swipebox-close {
        right: 10px;
    }

    #swipebox-arrows {
        width: 92%;
        max-width: 800px;
    }
}

/* Skin
--------------------------*/
#swipebox-overlay {
    background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    text-shadow: 1px 1px 1px black;
    background: #000;
    opacity: 0.95;
}

#swipebox-top-bar {
    color: white !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif;
}

/*
 * category list
 */
.jimi-category-list {
    height: 90px;
    margin-right: 26px;
    position: relative;
}

.jimi-category-list ul {
    height: auto;
    display: block;
}

.jimi-category-list .list-panel {
    height: 102px;
    overflow: hidden;
}

.jimi-goods-list {
    max-height: 290px;
    _height: 290px;
    *zoom: 1;
    /*overflow:hidden;*/
    margin-right: 2px;
    position: relative;
}

.jimi-goods-list .list-panel {
    /*_height: expression(this.offsetHeight > 265 ? "265px" : "auto");*/
    _height: 204px;
    max-height: 303px;
    overflow: hidden;
    max-width: 500px;
    *position: relative;
    /*    overflow-y: scroll;*/
}

.jimi-goods-list .list-panel .goods-detail img {
    height: 80px;
    left: 0;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    width: 80px;
}

.jimi-goods-list .list-panel .goods-detail .goods-title {
    height: 47px;
    max-height: 47px;
}

.jimi-goods-list .list-panel .goods-detail .goods-title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}

.jimi-goods-list .list-panel .goods-detail .goods-title span {
    float: left;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}

.jimi-goods-list .list-panel .goods-detail .goods-title span.goods-tag {
    padding: 0 5px;
    border: solid 1px #FF716F;
    color: #FF716F;
    border-radius: 3px;
    margin-right: 5px;
}

.jimi-goods-list .list-panel .goods-detail .goods-title span.goods-review {
}

.goods-detail {
    background: #fff;
}

.jimi-goods-list .list-panel .goods-detail .goods-des-area {
    width: 374px;
}

.jimi-goods-list .views {
    max-width: 500px;
}

table.jimi_pginationbar_table {
    margin: 7px 0;
}

.jimi-category-pagination {
    width: 24px;
    height: 50px;
    position: absolute;
    right: -6px;
    bottom: 0;
    display: none;
}

.jimi-category-pagination a {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("/jimi/img/shopping/i/icon20130829.png");
    margin: 3px 0;
    outline: none;
}

.jimi_pgination-bar {
    width: 24px;
    vertical-align: bottom;
    padding: 0 0 0 10px;
}

.jimi_pgination-bar a {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("/jimi/img/shopping/i/icon20130829.png");
    outline: none;
    margin: auto;
    vertical-align: middle;
}

.jimi_pgination-bar a.page-number {
    text-align: center;
    width: 18px;
    height: 18px;
    background-position: -8px -40px;
    text-decoration: none;
    margin: 4px auto;
    line-height: 18px;
}

.jimi_pgination-bar a.page-curr {
    color: #ff7010;
}

.jimi_pgination-bar a.mission {
    background-position: -35px -40px;
}

.jimi-pagination-up-disable {
    background-position: -6px -71px;
}

.jimi-pagination-up-default {
    background-position: -75px -71px;
}

.jimi-pagination-down-disable {
    background-position: -53px -99px;
}

.jimi-pagination-down-default {
    background-position: -75px -99px;
}

.jimi-pagination-up {
    background-position: -6px -71px;
}

.jimi-pagination-up:hover {
    background-position: -75px -71px;
}

.jimi-pagination-down {
    background-position: -53px -99px;
}

.jimi-pagination-down:hover {
    background-position: -75px -99px;
}

.jimi-category {

}

.jimi-category-list .category li {
    width: 148px;
    height: 24px;
    line-height: 24px;
    color: #005aa0;
    font: 12px arial;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    margin: 5px 30px 5px 0;
    list-style-type: none;
}

/**
 * goods-view
 */
.jimi-goods-view {
    float: left;
    width: 150px;
    height: 260px;
    border: #cccccc 1px solid;
    font: 12px arial;
    margin: 2px 2px;

    display: inline-block;
    _display: inline;
    _zoom: 1;
}

.jimi-goods-view .goods-image {
    text-align: center;
    height: 120px;
    margin: 10px;
}

.jimi-goods-view .goods-title {
    height: 55px;
    line-height: 18px;
    margin: 0 10px;
    overflow: hidden;
}

.jimi-goods-view .goods-price {
    height: 18px;
    margin: 0 10px;
}

.jimi-goods-view .goods-price label {
    color: #e4393c;
}

.jimi-goods-view .buy-view {
    text-align: center;
}

.jimi-goods-view .buy-btn {
    width: 104px;
    height: 21px;
    border: 0;
    color: #FFFFFF;
    cursor: pointer;
    background: url("/jimi/img/shopping/i/normal.png") 0px 0px;
    display: block;
    margin-left: 20px;
}

.jimi-goods-view .buy-btn:hover {
    background: url("/jimi/img/shopping/i/hover.png") 0px 0px;
}

/**
 * promotions-list
 */

.jimi-promotions-list {
    font: 12px arial;
}

.jimi-promotions-list li {
    height: 18px;
    line-height: 18px;
    list-style-type: none;
}

.jimi-promotions-list .content a {
    color: #005aa0;
}

.jimi-promotions-list .premiums {

}

.jimi-promotions-list .premiums .number {
    color: #e4393c;
}

.jimi-promotions-list .premiums * {
    vertical-align: middle;
    display: inline-block;
    _display: inline;
    _zoom: 1;
}

.jimi-order-list {
    font-size: 12px;
    background-color: #e6e6e6;
    width: auto;
    float: left;
}

.jimi-order-list table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 1px;
}

.jimi-order-list td {
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
    height: 74px;
}

.jimi-order-list .td1 {
    vertical-align: top;
    width: 84px;
}

.jimi-order-list .td2 {
    /*width: 240px;*/
}

.jimi-order-list .td3 {
    width: 85px;
}

.jimi-order-list .td4 {
    width: 95px;
}

.jimi-order-list .td4 a {
    color: #005ea7;
    outline: none;
}

.jimi-order-list td.bar {
    line-height: 27px;
    text-align: right;
    background-color: #f7f7f7;
    height: 27px;
}

.jimi-order-list td.bar a {
    color: #005ea7;
    outline: none;
    text-decoration: none;
    margin-right: 11px;
}

.jimi-order-list .td1 .name {
    margin-top: 20px;
}

.jimi-order-list .td1 .number {
    color: #005ea7;
}

.jimi-order-list .td2 {
    padding: 0px 5px;
    max-width: 178px;
}

.jimi-order-list .wide {
    width: 178px;
}

.jimi-order-list .td2 div {
    margin: 5px;
    float: left;
}

.jimi-order-list .td2 img {
    margin: 2px;
    max-width: 50px;
    max-height: 50px;
    border: #e1e1e1 1px solid;
    float: left;
}

.jimi-order-list .td2 a {
    outline: none;
}

.jimi-order-list .td3 .row1 {
    margin-top: 10px;
}

.jimi-order-list .td3 .row2 {
    margin-top: 3px;
    color: #666666;
}

.jimi-order-list .td3 .row3 {
    color: #e4393c;
}

.jimi-order-list .td3 .row4 {
    color: #e4393c;
    width: 80px;
    margin: auto;
}

.jimi-order-list .td4 .row1 {
    margin-top: 8px;
}

.jimi-order-list .td4 div {
    height: 20px;
    line-height: 20px;
    color: #005ea7;
}

.jimi-order-tracking {
    font-size: 12px;
    background-color: #dcdee4;
    width: 428px;
    padding: 1px;
    float: left;
    margin: 5px 0 4px 0;
}

.jimi-order-tracking td {
    border-top: #e6e6e6 1px solid;
}

.jimi-order-tracking .info {
    width: 320px;
    padding: 6px;
}

.jimi-order-tracking tr.receipt td {
    border-top: 0;
}

.jimi-order-tracking tr.receipt {
    color: #e4393c;
    background-color: #ffffff;
    height: 40px;
}

.jimi-order-tracking tr.receipt .time {

}

.jimi-order-tracking tr {
    background-color: #f7f7f7;
    height: 30px;
    border-bottom: #e6e6e6 1px solid;
}

.jimi-order-tracking .time {
    text-align: center;
    width: 163px;
}

.jimi-orderinfo {
    font-size: 12px;
    border: #e6e6e6 1px solid;
    width: 426px;
    padding: 1px;
    float: left;
    background-color: #ffffff;
    margin: 5px 0 7px 0;
}

.jimi-orderinfo li {
    list-style-type: none;
}

.jimi-orderinfo .head {
    line-height: 28px;
    background-color: #f7f7f7;
    height: 28px;
    padding: 0 12px;
}

.jimi-orderinfo .head .status {
    color: #e4393c;
    font-weight: bold;
}

.jimi-orderinfo .image {
    padding: 10px;
}

.jimi-orderinfo .image .status {
    color: #e4393c;
    font-weight: bold;
}

.jimi-orderinfo .image a {
    color: #005ea7;
}

.jimi-orderinfo .image span {
    width: 370px;
    color: #005ea7;
}

.jimi-orderinfo .image .multiply {
    font-size: 10pt;
}

.jimi-orderinfo .image * {
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    _zoom: 1;
}

.jimi-orderinfo .info {
    /*background-color: #f7f7f7;*/
    /*height: 98px;*/
    margin: 0 10px 0 10px;
    padding: 10px 0 10px 0;
    border-top: 1px solid #F2F2F2;
}

.jimi-orderinfo .info p {
    line-height: 20px;
    padding: 0px;
    margin: 0px;
}

.jimi-orderinfo .info .title {
    font-weight: bold;
}

.jimi-goodsquery {
    float: left;
    padding: 5px 0 5px 0;
}

.jimi-goodsquery li {
    list-style-type: none;
    line-height: 20px;
}

.jimi-goodsquery .image {
    height: 50px;
}

.jimi-goodsquery .image * {
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    _zoom: 1;
}

.jimi-goodsquery span {
    width: 340px;
}

.jimi-goodsquery .red {
    color: #e4393c;
}

.jimi-goodsquery .blue {
    color: #005ea7;
}

.jimi-goodsquery .bold {
    font-weight: bold;
}

.jimi-goodsquery .blue {
    color: #005ea7;
}

.jimi-goodsquery .linkURL {
    margin-top: 15px;
}

.jimi-servcie {

}

.jimi-servcie .hideItem {
    display: none;
}

.jimi-servcie li {
    height: 81px;
}

.jimi-servcie li * {
    float: left;
}

.jimi-servcie .icon {
    width: 72px;
    height: 72px;
    margin-right: 10px;
    background: url("/jimi/img/service-iocn.png") no-repeat -16px -12px;
}

.jimi-servcie .info {
    /*width: 400px;*/
}

.jimi-servcie .title {
    color: #005ea7;
    font-weight: bold;
}

.jimi-servcie .server2 {
    background-position: -112px -11px;
}

.jimi-servcie .server3 {
    background-position: -16px -121px;
}

.jimi-servcie .server4 {
    background-position: -112px -121px;
}

.jimi-servcie .server5 {
    background-position: -16px -253px;
}

.jimi-servcie .server6 {
    background-position: -113px -255px;
}

.jimi-servcie .server7 {
    background-position: -16px -365px;
}

.jimi-servcie .server8 {
    background-position: -112px -367px;
}

.jimi-servcie .server9 {
    background-position: -16px -467px;
}

.jimi-servcie .collpaseRegion {
    position: relative;
    width: 85px;
    height: 25px;
    background: url("/jimi/img/common/btn_more.png") no-repeat 0px 0px;
    cursor: pointer;
    margin: 9px 0px 15px 200px;
}

.jimi-servcie .collpaseRegion:hover {
    background-position: 0px -25px;
}

.jimi-servcie .collpaseRegion div {
    text-align: center;
    margin-right: 10px;
}

.jimi-servcie .collpaseRegion b {
    display: block;
    position: absolute;
    top: 9px;
    right: 8px;
    width: 10px;
    height: 6px;
    background: url("/jimi/img/common/arrow.png") no-repeat 0px 0px;
}

.jimi-servcie .decollpaseRegion {
    position: relative;
    width: 70px;
    height: 25px;
    background: url("/jimi/img/common/btn_more.png") no-repeat -85px 0px;
    cursor: pointer;
    padding-left: 12px;
    margin: 9px 0px 15px 200px;
}

.jimi-servcie .decollpaseRegion:hover {
    background-position: -85px -25px;
}

.jimi-servcie .decollpaseRegion div {
    text-align: center;
    margin-right: 40px;
}

.jimi-servcie .decollpaseRegion b {
    display: block;
    position: absolute;
    top: 8px;
    right: 28px;
    width: 10px;
    height: 6px;
    background: url("/jimi/img/common/arrow.png") no-repeat 0px -6px;
}

.jimi-dispatching {
    width: 375px;
    float: left;
}

.jimi-dispatching .bar * {
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    _zoom: 1;
}

.jimi-dispatching .bar .select {
    /* border: #aaaaaa 1px solid; */
}

.jimi-bar-ul .bar-item {
    float: left;
    width: auto;
}

.jimi-dispatching .bar .droplist-btn {
    width: 20px;
    height: 20px;
    display: block;
    background: url("/jimi/img/icon.png") no-repeat 0 -1px;
    cursor: pointer;
}

.jimi-dispatching .bar input {
    width: 158px;
    height: 20px;
    border: 0;
}

.jimi-dispatching .bar .droplist-btn:hover {
    background-position: 0 -40px;
}

.jimi-dispatching .bar button {
    width: 77px;
    height: 27px;
    border: 0;
    background: url("/jimi/img/icon.png") no-repeat -27px 0;
    cursor: pointer;
}

#jimi-selectArea {
    width: 400px;
    height: 300px;
}

#goodsqarea {
    width: 333px;
    margin-top: 8px;
}

.p-tab {
    /*width:260px;*/
    font-weight: normal;
}

.p-tab-item ul {
    /*width: 310px;*/
    height: 25px;
    float: left;
    list-style: none;
    z-index: 100;
    position: relative;
}

.p-tab-item ul li {
    float: left;
    clear: none;
    padding: 0;
    text-align: left;
    line-height: 26px;
    border: 1px solid #ddd;
    border-bottom: none;
    margin-right: 2px;
    background: #ccc;
}

.p-tab-item ul .active {
    background: #fff;
}

.p-tab-item ul .active a {
    border-bottom: 1px solid #fff;
}

.p-tab-item ul li a {
    padding: 0px 10px;
    display: block;
    float: left;
    position: relative;
    outline: none;
}

.p-tab-item .line {
    z-index: 99;
    width: 100%;
    position: relative;
    float: left;
    top: -1px;
    border-top: 1px solid #f0f0f0;
}

.p-tab-content {
    clear: left;
    border: 1px solid #f0f0f0;
    border-top: 0px;
    padding: 10px 8px;
    *margin-top: -8px;
}

.p-tab-panel {
    display: none;
}

.p-district {
    left: 870px;
    top: 176px;
    position: absolute;
    float: left;
    height: 26px;
    margin-right: 6px;
    cursor: pointer;
}

.p-district .text {
    float: left;
    position: relative;
    top: 0;
    background: #fff;
    border: 1px solid #cecece;
    padding: 0 20px 0 4px;
    line-height: 23px;
    overflow: hidden;
    z-index: 2;
    max-width: 200px;
    height: 23px;
}

.p-district .on-select {
    border-bottom: 1px solid #ffffff;
}

.p-district .text b {
    display: block;
    position: absolute;
    top: 0;
    right: 3px;
    width: 14px;
    height: 24px;
    background: url(//misc.360buyimg.com/product/skin/2012/i/newicon20130617.png) -264px -188px;
    overflow: hidden;
}

.p-district .j_content {
    position: absolute;
    z-index: 1;
    display: none;
    top: 23px;
    left: 0;
    border: 1px solid #cecece;
    width: 400px;
    height: auto;
    padding: 15px;
    background: #fff;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
}

.p-district .area-list {
    padding-top: 5px;
    list-style: none;
    margin: 0;
}

.p-district .area-list li {
    overflow: hidden;
    width: 95px;
    float: left;
    /*padding:2px 0 2px 15px;*/
}

.p-district .close {
    background: url(//misc.360buyimg.com/product/skin/2012/i/newicon20130617.png) -256px -86px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 61px;
    width: 18px;
    height: 17px;
    cursor: pointer;
}

.p-tab-content {
    clear: left;
    border: 0px;
    padding: 0px 8px;
}

.p-tab-item ul li {
    background: #fff;
    position: relative;
    height: 25px;
    margin-right: 4px;
}

.p-tab-item ul .active {
    border: 2px solid #EDD28B;
    border-bottom: 2px solid #fff;
}

.p-tab-item .line {
    border-top: 2px solid #EDD28B;
    top: -2px;
}

.p-tab-item ul {
    border-bottom: 2px solid #EDD28B;
    _overflow: hidden;
    height: 27px;
}

input, label {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

/*input{
    cursor: pointer;
}*/
.radio-type {
    margin-right: 80px;
}

.submit-opt {
    text-align: center;
}

.post-btn,
.cancel-btn {
    background-color: #FFF;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    width: 76px;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    border-bottom: 3px solid #cecece;
    font-weight: bolder;
    color: #595757;
    font-family: "Microsoft YaHei", "微软雅黑";
}

.cancel-btn {
    /*background-color: #909BA6;*/
    /*border-bottom: 3px solid #77828B;*/
}

.post-btn {
    margin-left: 51px;
}

.post-btn:hover,
.cancel-btn:hover {
    background-color: #ddd;
    box-shadow: 0 4px 0 #ccc;
    text-decoration: none;
}

@media all and (min-width: 0px) {
    .post-btn,
    .cancel-btn {
        box-shadow: 0 4px 0 #cecece;
        border-bottom: none !important;
    }
}

.label-type {
    padding-right: 50px;
}

.checkbox-type {
    *width: 13px;
    *height: 13px;
    vertical-align: -4px;
    *vertical-align: -1px;
    _vertical-align: 0;
}

.reason-intro {
    resize: none;
    width: 420px;
    height: 62px;
    border: 1px solid #E2E1E8;
    font-size: 12px;
    text-align: left;
    padding: 9px;
}

.reason-intro:focus {
    border-color: #6cb4eb;
}

.words-restrict {
    text-align: right;
    height: 12px;
    line-height: 12px;
    padding-top: 4px;
    padding-bottom: 18px;
}

.words-restrict-color {
    color: #b8b8b8;
}

.feedback {
    margin: 40px 40px 40px 90px;
}

.feedback h3 {
    font-size: 14px;
}

.feedback .blue-btn {
    cursor: pointer;
}

#panelR #j_satisfy .icon {
    background: url("../img/default.v1.0.0/rightIcon-20130822.png") -84px -258px no-repeat;
}

#panelR #j_satisfy .icon:hover {
    background: url("../img/default.v1.0.0/rightIcon-20130822.png") 0px -258px no-repeat;
}

/**
 * propertys-view
 */
.jimi-propertys-list {
    max-height: 500px;
    margin-right: 26px;
    position: relative;
}

.jimi-propertys-view {
    border: #cccccc 1px solid;
    float: left;
    font: 12px arial;
    margin: 2px;

    display: inline-block;
    _display: inline;
    _zoom: 1;
}

.jimi-propertys-view .goods-image {
    text-align: center;
}

.jimi-propertys-view .goods-price {
    height: 18px;
    text-align: center;
}

.jimi-propertys-view .goods-price label {
    color: #e4393c;
}

.jimi-propertys-view .buy-view {
    text-align: center;
}

.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn:focus {
    outline: none;
}

.btn.btn-default {
    background-color: #cfd6d8;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    border-bottom: 3px solid #c3cbce;
    font-weight: bold;
    color: #fff;
    -webkit-transition: all 0.3s;
}

.btn.btn-default:hover {
    background-color: #DDDEE0;
}

.btn.btn-primary {
    background-color: #3897e7;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    border-bottom: 3px solid #3287cf;
    font-weight: bold;
    color: #fff;
    -webkit-transition: all 0.3s;
}

.btn.btn-primary:hover {
    background-color: #49a4ed;
}

#myJimi .myjimi-intro-wrapper {
    width: 100%;
    position: relative;
}

#myJimi .myjimi-intro-wrapper .myjimi-intro-img {
    background: url('i/myjimi/intro.png') no-repeat center top;
    height: 339px;
    width: 252px;
    margin: 60px auto 0;
}

#myJimi .myjimi-intro-wrapper .myjimi-intro-img .myjimi-intro-flag {
    background: url('i/myjimi/intro-flag.png') no-repeat center center;
    position: relative;
    height: 85px;
    width: 183px;
    margin: 0 auto;
    top: 214px;
    cursor: pointer;
}

#myJimi .myjimi-adopt-wrapper {
    width: 100%;
    position: relative;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar {
    width: 162px;
    height: 161px;
    margin: 28px auto 12px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar.male {
    background: url('i/myjimi/male-adopt.png') no-repeat center center;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar.female {
    background: url('i/myjimi/female-adopt.png') no-repeat center center;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar .myjimi-adopt-flag {
    background: url('i/myjimi/adopt-flag.png') no-repeat center center;
    width: 188px;
    height: 39px;
    position: relative;
    top: 116px;
    left: -13px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-form {
    margin-bottom: 28px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-tips {
    text-align: center;
    font-size: 10pt;
    color: #888888;
    font-weight: 900;
    margin: 0 auto;
    font-family: 'Microsoft YaHei', serif;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-name {
    margin: 12px auto 22px;
    width: 204px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-name-input {
    border: 0;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 13pt;
    background-color: #E7ECED;
    width: 184px;
    height: 35px;
    color: #3897e7;
    font-weight: 900;
    margin: 0 auto 6px;
    font-family: 'Microsoft YaHei', serif;
    text-align: center;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-name-error {
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    color: #db4a4a;
    padding: 0 10px;
    display: none;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit {
    text-align: center;
    width: 357px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit .btn {
    padding: 4px 30px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit .btn.btn-primary {
    margin-left: 37px;
    font-size: 11pt;
    font-family: 'Microsoft YaHei', serif;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit .btn.btn-default {
    font-size: 11pt;
    font-family: 'Microsoft YaHei', serif;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender {
    width: 104px;
    margin: 0 auto;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender li {
    position: relative;
    cursor: pointer;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender li.checked .icon-adopt-checked {
    display: block;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender .icon-adopt-male {
    background: url('i/myjimi/btn_male.png') no-repeat center center;
    display: block;
    width: 38px;
    height: 38px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender .icon-adopt-female {
    background: url('i/myjimi/btn_female.png') no-repeat center center;
    display: block;
    width: 38px;
    height: 38px;
}

#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender .icon-adopt-checked {
    background: url('i/myjimi/btn_ok.png') no-repeat center center;
    display: none;
    position: absolute;
    right: -7px;
    bottom: -6px;
    width: 14px;
    height: 14px;
}

#myJimi .myjimi-index-mask-gain {
    width: 357px;
    height: 790px;
    background-color: rgba(68, 68, 68, 0.27);
    position: fixed;
    z-index: 1500;
    display: none;
}

#myJimi .myjimi-index-mask-gain .myjimi-index-gain {
    width: 250px;
    height: 227px;
    background: url('i/myjimi/bg-gain.png') no-repeat center center;
    position: relative;
    margin: auto;
    top: 10%;
}

#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-guazi {
    width: 150px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: 70px;
    text-align: center;
}

#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-guazi .gain-pic-guazi {
    width: 50px;
    height: 50px;
    background: url('i/myjimi/pic-guazi.png') no-repeat center center;
    position: relative;
    left: -10px;
    display: inline-block;
}

#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-guazi .gain-exp-guazi {
    font-size: 1.5rem;
    color: #316989;
    font-weight: 600;
    position: relative;
    top: -15px;
}

#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-text {
    width: 200px;
    height: 30px;
    position: relative;
    margin: auto;
    top: 80px;
    text-align: center;
}

#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-text p {
    font-size: 0.8rem;
    color: #10080f;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 600;
    line-height: 30px;
}

#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-btn-confirm {
    width: 120px;
    height: 40px;
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    margin: 0 auto;
    position: relative;
    top: 88px;
}

#myJimi .myjimi-index-mask-sign-in {
    width: 357px;
    height: 790px;
    background-color: rgba(68, 68, 68, 0.27);
    position: fixed;
    z-index: 1500;
    display: none;
}

#myJimi .myjimi-index-mask-sign-in .myjimi-index-sign-in {
    width: 250px;
    height: 183px;
    background: url('i/myjimi/sign_in_window.png') no-repeat center center;
    position: relative;
    margin: auto;
    top: 10%;
    border: 4px solid #B5BEC0;
}

#myJimi .myjimi-index-mask-sign-in .myjimi-index-sign-in .sign-in-btn-confirm {
    width: 120px;
    height: 40px;
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    margin: 0 auto;
    position: relative;
    top: 125px;
}

#myJimi .myjimi-index-mask-adopt-success {
    width: 357px;
    height: 790px;
    background-color: rgba(68, 68, 68, 0.27);
    position: fixed;
    z-index: 1500;
    display: none;
}

#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success {
    background: url('i/myjimi/adopt-success.png') no-repeat center center;
    width: 323px;
    height: 252px;
    position: relative;
    margin: auto;
    top: 10%;
    left: 10px;
}

#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .adopt-success-btn-confirm {
    width: 120px;
    height: 40px;
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    position: relative;
    top: 80px;
    left: 70px;
}

#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .text-content {
    position: relative;
    top: 53px;
    left: 37px;
    text-align: left;
}

#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .text-content p {
    font-size: 0.9rem;
    color: #10080f;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
    line-height: 20px;
}

#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .text-content p span.adopt-name {
    color: #ff0000;
}

#myJimi .myjimi-index-mask-lv {
    width: 357px;
    height: 790px;
    background-color: rgba(68, 68, 68, 0.27);
    position: fixed;
    z-index: 1500;
    display: none;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv {
    width: 252px;
    height: 349px;
    background: url('i/myjimi/bg-lv.png') no-repeat center center;
    position: relative;
    margin: auto;
    top: 10%;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round {
    width: 110px;
    height: 110px;
    background: url('i/myjimi/round-bg.png') no-repeat center center;
    margin: 0 auto;
    position: relative;
    top: 62px;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header {
    width: 110px;
    height: 110px;
    position: relative;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.novice-male {
    background: url('i/myjimi/header/novice-male.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.novice-female {
    background: url('i/myjimi/header/novice-female.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.elementary-male {
    background: url('i/myjimi/header/elementary-male.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.elementary-female {
    background: url('i/myjimi/header/elementary-female.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.middle-male {
    background: url('i/myjimi/header/middle-male.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.middle-female {
    background: url('i/myjimi/header/middle-female.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.high-male {
    background: url('i/myjimi/header/high-male.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.high-female {
    background: url('i/myjimi/header/high-female.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-1 {
    background: url('i/myjimi/header/self-1.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-2 {
    background: url('i/myjimi/header/self-2.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-3 {
    background: url('i/myjimi/header/self-3.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-4 {
    background: url('i/myjimi/header/self-4.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-5 {
    background: url('i/myjimi/header/self-5.png') no-repeat center top;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header .lv-bg-flag {
    width: 114px;
    height: 32px;
    background: url('i/myjimi/header-flag.png') no-repeat center center;
    position: relative;
    top: 80px;
    line-height: 30px;
    text-align: center;
    color: #74471A;
    font-weight: 600;
    font-size: 1rem;
    font-family: "Microsoft YaHei", serif;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-text-content {
    width: 200px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    top: 70px;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-text-content p {
    font-size: 0.9rem;
    color: #8E8E8E;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 600;
    line-height: 22px;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-text-content p span {
    color: #4B9FE5;
    padding: 0 3px;
    font-weight: 900;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .gain-guazi {
    width: 150px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: 18px;
    text-align: center;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .gain-guazi .gain-pic-guazi {
    width: 50px;
    height: 50px;
    background: url('i/myjimi/pic-guazi.png') no-repeat center center;
    position: relative;
    left: -12px;
    display: inline-block;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .gain-guazi .gain-exp-guazi {
    font-size: 1.5rem;
    color: #316989;
    font-weight: 600;
    position: relative;
    top: -18px;
}

#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-btn-confirm {
    width: 120px;
    height: 40px;
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    margin: 0 auto;
    position: relative;
    top: 30px;
}

#myJimi .myjimi-index-header {
    background: url('i/myjimi/header-bg.png') no-repeat center top;
    width: 358px;
    height: 132px;
    position: relative;
}

#myJimi .myjimi-index-header .myjimi-index-header-container {
    background: url('i/myjimi/header-container.png') no-repeat center top;
    width: 118px;
    height: 150px;
    position: absolute;
    left: 28px;
    top: 16px;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img {
    width: 110px;
    height: 110px;
    position: relative;
    top: 33px;
    text-align: center;
    margin: 0 auto;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.novice-male {
    background: url('i/myjimi/header/novice-male.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.novice-female {
    background: url('i/myjimi/header/novice-female.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.elementary-male {
    background: url('i/myjimi/header/elementary-male.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.elementary-female {
    background: url('i/myjimi/header/elementary-female.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.middle-male {
    background: url('i/myjimi/header/middle-male.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.middle-female {
    background: url('i/myjimi/header/middle-female.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.high-male {
    background: url('i/myjimi/header/high-male.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.high-female {
    background: url('i/myjimi/header/high-female.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-1 {
    background: url('i/myjimi/header/self-1.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-2 {
    background: url('i/myjimi/header/self-2.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-3 {
    background: url('i/myjimi/header/self-3.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-4 {
    background: url('i/myjimi/header/self-4.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-5 {
    background: url('i/myjimi/header/self-5.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img span {
    position: relative;
    top: -17px;
    left: 3px;
    color: #663300;
    font-weight: 600;
    font-size: 12pt;
    font-family: "Microsoft YaHei", serif;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag {
    background: url('i/myjimi/header-flag.png') no-repeat center top;
    width: 114px;
    height: 32px;
    position: relative;
    top: 63px;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag .gender-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: -14px;
    top: 7px;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag .gender-icon.male {
    background: url('i/myjimi/icon_male.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag .gender-icon.female {
    background: url('i/myjimi/icon_female.png') no-repeat center top;
}

#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag span {
    position: relative;
    left: 16px;
    top: 3px;
    color: #663300;
    font-weight: 600;
    font-size: 12pt;
    font-family: "Microsoft YaHei", serif;
}

#myJimi .myjimi-index-header .myjimi-header-name {
    background: url('i/myjimi/name-bg.png') no-repeat left top;
    height: 30px;
    position: relative;
    top: 16px;
    float: right;
    text-align: center;
    padding: 4px 20px 0;
    color: #663300;
    font-weight: 600;
    font-size: 13pt;
    font-family: "Microsoft YaHei", serif;
}

#myJimi .myjimi-index-header .myjimi-index-out {
    background: url('i/myjimi/btn_out.png') no-repeat center center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: 8px;
    cursor: pointer;
    z-index: 100;
}

#myJimi .myjimi-index-header .myjimi-index-in {
    background: url('i/myjimi/btn_in.png') no-repeat center center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: 8px;
    cursor: pointer;
    z-index: 100;
}

#myJimi .myjimi-index-header .myjimi-index-title {
    width: 175px;
    height: 31px;
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 150px;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon {
    height: 27px;
    width: 30px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_fun_master {
    background: url("i/myjimi/title/fun-master.png") no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_fun_master_gray {
    background: url("i/myjimi/title/fun-master-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_time_master {
    background: url('i/myjimi/title/time-master.png') no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_time_master_gray {
    background: url('i/myjimi/title/time-master-gray.png') no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_bussiness_master {
    background: url('i/myjimi/title/bussiness-master.png') no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_bussiness_master_gray {
    background: url('i/myjimi/title/bussiness-master-gray.png') no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_hot_heart {
    background: url("i/myjimi/title/hot-heart.png") no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_hot_heart_gray {
    background: url("i/myjimi/title/hot-heart-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_test_master {
    background: url("i/myjimi/title/test-master.png") no-repeat center center;
}

#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_test_master_gray {
    background: url("i/myjimi/title/test-master-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-shake {
    height: 240px;
    width: 240px;
    position: fixed;
    display: none;
    z-index: 100;
}

#myJimi .myjimi-index-shake.shake-1 {
    background: url('i/myjimi/shake-a.gif') no-repeat center top;
}

#myJimi .myjimi-index-shake.shake-2 {
    background: url('i/myjimi/shake-b.gif') no-repeat center top;
}

#myJimi .myjimi-index-shake.shake-3 {
    background: url('i/myjimi/shake-c.gif') no-repeat center top;
}

#myJimi .myjimi-index-shake.shake-4 {
    background: url('i/myjimi/shake-d.gif') no-repeat center top;
}

#myJimi .myjimi-index-shake.shake-5 {
    background: url('i/myjimi/shake-e.gif') no-repeat center top;
}

#myJimi .myjimi-index-content {
    width: 358px;
    height: 45px;
    padding-top: 40px;
    position: relative;
}

#myJimi .myjimi-index-content .exp-icon {
    height: 21px;
    width: 21px;
    position: relative;
    left: 8px;
    display: inline-block;
    background: url("i/myjimi/icon-guazi.png") no-repeat center center;
    vertical-align: text-bottom;
}

#myJimi .myjimi-index-content .exp-num {
    position: relative;
    left: 8px;
    color: #663300;
    font-size: 16pt;
    font-weight: bold;
}

#myJimi .myjimi-index-content .exp-progress-primary {
    border-radius: 10px;
    width: 172px;
    height: 16px;
    background-color: #D4D9DF;
    position: absolute;
    left: 95px;
    top: 45px;
}

#myJimi .myjimi-index-content .exp-progress-primary .exp-progress-secondary {
    border-radius: 10px;
    width: 0;
    height: 16px;
    background-color: #F54E6C;
}

#myJimi .myjimi-index-content .exp-ratio {
    color: #999999;
    font-size: 11pt;
    font-weight: bold;
    position: absolute;
    right: 3px;
    top: 45px;
}

#myJimi .myjimi-index-content .btn-help {
    background: url('i/myjimi/btn_help.png') no-repeat center center;
    width: 72px;
    height: 24px;
    position: absolute;
    text-align: center;
    top: 8px;
    right: 15px;
    padding-top: 4px;
    font-size: 10pt;
    color: #665C5C;
    font-family: "Microsoft YaHei", serif;
    cursor: pointer;
}

#myJimi .arrow-left {
    background: url("i/myjimi/arrow-left.png") no-repeat right center;
}

#myJimi .arrow-left-gray {
    background: url("i/myjimi/arrow-left-gray.png") no-repeat right center;
}

#myJimi .arrow-right {
    background: url("i/myjimi/arrow-right.png") no-repeat left center;
}

#myJimi .arrow-right-gray {
    background: url("i/myjimi/arrow-right-gray.png") no-repeat left center;
}

#myJimi .myjimi-index-task {
    width: 357px;
    height: 110px;
}

#myJimi .myjimi-index-task .task-body {
    width: 357px;
    height: 100px;
}

#myJimi .myjimi-index-task .task-body .task-flag {
    width: 39px;
    height: 97px;
    background: url("i/myjimi/task-flag.png") no-repeat center center;
    display: inline-block;
}

#myJimi .myjimi-index-task .task-body .task-left {
    width: 24px;
    height: 80px;
    display: inline-block;
    cursor: pointer;
}

#myJimi .myjimi-index-task .task-body .task-right {
    width: 18px;
    height: 80px;
    display: inline-block;
    cursor: pointer;
}

#myJimi .myjimi-index-task .task-body .task-icon {
    height: 80px;
    width: 80px;
    cursor: pointer;
    display: inline-block;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-bussiness {
    background: url("i/myjimi/task/bussiness.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-adopt {
    background: url("i/myjimi/task/invite-friend-adopt.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-wechat {
    background: url("i/myjimi/task/invite-friend-wechat.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-sign-in {
    background: url("i/myjimi/task/sign-in.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-elementary {
    background: url("i/myjimi/task/try-elementary.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-high {
    background: url("i/myjimi/task/try-high.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-middle {
    background: url("i/myjimi/task/try-middle.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-novice {
    background: url("i/myjimi/task/try-novice.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-knowledge-qa {
    background: url("i/myjimi/task/knowledge-qa.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-talk-qa {
    background: url("i/myjimi/task/talk-qa.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-bussiness-gray {
    background: url("i/myjimi/task/bussiness-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-adopt-gray {
    background: url("i/myjimi/task/invite-friend-adopt-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-wechat-gray {
    background: url("i/myjimi/task/invite-friend-wechat-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-sign-in-gray-gray {
    background: url("i/myjimi/task/sign-in-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-elementary-gray {
    background: url("i/myjimi/task/try-elementary-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-high-gray {
    background: url("i/myjimi/task/try-high-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-middle-gray {
    background: url("i/myjimi/task/try-middle-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-try-novice-gray {
    background: url("i/myjimi/task/try-novice-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-knowledge-qa-gray {
    background: url("i/myjimi/task/knowledge-qa-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-task .task-body .task-icon.task-talk-qa-gray {
    background: url("i/myjimi/task/talk-qa-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill {
    width: 357px;
    height: 110px;
}

#myJimi .myjimi-index-skill .skill-body {
    width: 357px;
    height: 100px;
}

#myJimi .myjimi-index-skill .skill-body .skill-flag {
    width: 39px;
    height: 82px;
    background: url("i/myjimi/skill-flag.png") no-repeat center center;
    display: inline-block;
}

#myJimi .myjimi-index-skill .skill-body .skill-left {
    width: 24px;
    height: 80px;
    display: inline-block;
    cursor: pointer;
}

#myJimi .myjimi-index-skill .skill-body .skill-right {
    width: 18px;
    height: 80px;
    display: inline-block;
    cursor: pointer;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon {
    height: 80px;
    width: 80px;
    cursor: pointer;
    display: inline-block;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-chat {
    background: url("i/myjimi/skill/chat.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-fortune {
    background: url("i/myjimi/skill/fortune.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-joke {
    background: url("i/myjimi/skill/joke.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-poem {
    background: url("i/myjimi/skill/poem.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-shake {
    background: url("i/myjimi/skill/shake.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-skin {
    background: url("i/myjimi/skill/skin.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-teach {
    background: url("i/myjimi/skill/teach.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-weather {
    background: url("i/myjimi/skill/weather.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-vindicate {
    background: url("i/myjimi/skill/vindicate.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-macross-contact {
    background: url("i/myjimi/skill/macross-contact.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-manual-service {
    background: url("i/myjimi/skill/manual-service.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-chat-gray {
    background: url("i/myjimi/skill/chat-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-fortune-gray {
    background: url("i/myjimi/skill/fortune-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-joke-gray {
    background: url("i/myjimi/skill/joke-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-poem-gray {
    background: url("i/myjimi/skill/poem-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-shake-gray {
    background: url("i/myjimi/skill/shake-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-skin-gray {
    background: url("i/myjimi/skill/skin-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-teach-gray {
    background: url("i/myjimi/skill/teach-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-weather-gray {
    background: url("i/myjimi/skill/weather-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-vindicate-gray {
    background: url("i/myjimi/skill/vindicate-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-macross-contact-gray {
    background: url("i/myjimi/skill/macross-contact-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-manual-service-gray {
    background: url("i/myjimi/skill/manual-service-gray.png") no-repeat center center;
}

#myJimi .myjimi-index-tip {
    width: 347px;
    height: 82px;
    background: url("i/myjimi/bg-tip.png") no-repeat center center;
    margin: 0 6px;
    display: none;
    position: relative;
    top: -25px;
}

#myJimi .myjimi-index-tip .myjimi-tip-text {
    width: 260px;
    height: 44px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 39px;
    left: 87px;
}

#myJimi .myjimi-index-tip .myjimi-tip-text p {
    font-size: 0.8rem;
    color: #fffefa;
    font-weight: 600;
    font-family: 'Microsoft YaHei', serif;
    line-height: 20px;
}

.myjimi-skin-window {
    width: 520px;
    height: 480px;
    background: url('i/myjimi/skin/skin-window.png') no-repeat center center;
    position: fixed;
    z-index: 1500;
    top: 15%;
    left: 35%;
}

.myjimi-skin-window .skin-bg-block {
    width: 460px;
    height: 80px;
    margin: 90px auto 0;
    text-align: center;
}

.myjimi-skin-window .skin-bg-block .skin-bg {
    cursor: pointer;
    position: relative;
}

.myjimi-skin-window .skin-bg-block .skin-bg .icon-skin {
    width: 70px;
    height: 70px;
    margin: 0 20px;
    display: inline-block;
    cursor: pointer;
}

.myjimi-skin-window .skin-bg-block .skin-bg.skin-checked .icon-skin-checked {
    background: url('i/myjimi/btn_ok.png') no-repeat center center;
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 23px;
    height: 24px;
}

.myjimi-skin-window .skin-header-block {
    width: 480px;
    height: 80px;
    margin: 110px auto 0;
    text-align: center;
}

.myjimi-skin-window .skin-header-block .header-bg {
    cursor: pointer;
    position: relative;
}

.myjimi-skin-window .skin-header-block .header-bg .icon-header {
    width: 110px;
    height: 110px;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
}

.myjimi-skin-window .skin-header-block .header-bg.header-checked .icon-header-checked {
    background: url('i/myjimi/btn_ok.png') no-repeat center center;
    position: absolute;
    right: 8px;
    bottom: 0;
    width: 23px;
    height: 24px;
}

.myjimi-skin-window .skin-btn-confirm {
    width: 120px;
    height: 40px;
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    margin: 0 auto;
    position: relative;
    float: right;
    top: 20px;
    left: -100px;
}

.myjimi-skin-window .skin-btn-cancle {
    width: 120px;
    height: 40px;
    background: url('i/myjimi/btn-cancle.png') no-repeat center center;
    margin: 0 auto;
    position: relative;
    float: left;
    top: 20px;
    left: 100px;
}

.bg-blue {
    background: url('i/myjimi/skin/skin-blue.png') no-repeat center center;
}

.bg-green {
    background: url('i/myjimi/skin/skin-green.png') no-repeat center center;
}

.bg-pink {
    background: url('i/myjimi/skin/skin-pink.png') no-repeat center center;
}

.bg-purple {
    background: url('i/myjimi/skin/skin-purple.png') no-repeat center center;
}

.bg-blue-gray {
    background: url('i/myjimi/skin/skin-blue-gray.png') no-repeat center center;
}

.bg-green-gray {
    background: url('i/myjimi/skin/skin-green-gray.png') no-repeat center center;
}

.bg-pink-gray {
    background: url('i/myjimi/skin/skin-pink-gray.png') no-repeat center center;
}

.bg-purple-gray {
    background: url('i/myjimi/skin/skin-purple-gray.png') no-repeat center center;
}

.header-self-1 {
    background: url('i/myjimi/header/self-1.png') no-repeat center center;
}

.header-self-2 {
    background: url('i/myjimi/header/self-2.png') no-repeat center center;
}

.header-self-3 {
    background: url('i/myjimi/header/self-3.png') no-repeat center center;
}

.header-self-4 {
    background: url('i/myjimi/header/self-4.png') no-repeat center center;
}

.header-self-5 {
    background: url('i/myjimi/header/self-5.png') no-repeat center center;
}

.try-novice-masking {
    z-index: 1000;
    position: fixed;
    width: 300px;
    height: 200px;
}

.try-novice-masking .masking-pop {
    width: 301px;
    height: 113px;
    background: url('i/myjimi/masking-pop.png') no-repeat center center;
    vertical-align: middle;
}

.try-novice-masking .masking-pop .masking-text {
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 12px;
}

.try-novice-masking .masking-pop .masking-text p {
    font-size: 0.9rem;
    color: #10080f;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
    line-height: 20px;
}

.try-novice-masking .masking-pop .masking-btn {
    width: 56px;
    position: relative;
    top: 20px;
    left: 110px;
    text-align: center;
    padding: 2px 4px;
    background: rgba(33, 103, 229, 0.84);
    font-weight: 900;
    font-size: 0.9rem;
    font-family: 'Microsoft YaHei', serif;
    cursor: pointer;
    line-height: 20px;
}

.try-novice-masking .masking-circle {
    width: 258px;
    height: 81px;
    background: url('i/myjimi/masking-circle.png') no-repeat center center;
}

.masking-guide-start {
    position: fixed;
    background: url("i/myjimi/masking-start.png") no-repeat center center;
    width: 335px;
    height: 171px;
    z-index: 1000;
}

.masking-guide-start .btn-start {
    width: 102px;
    height: 30px;
    background: url("i/myjimi/btn-start.png") no-repeat 0 0;
    position: relative;
    top: 120px;
    left: 184px;
}

.masking-guide-start .btn-start:active {
    background: url("i/myjimi/btn-start.png") no-repeat 0 -30px;
}

.masking-guide-1 {
    position: fixed;
    background: url("i/myjimi/masking-1.png") no-repeat center center;
    width: 364px;
    height: 115px;
    z-index: 1000;
}

.masking-guide-1 .btn-next {
    width: 72px;
    height: 30px;
    background: url("i/myjimi/btn-next.png") no-repeat 0 0;
    position: relative;
    top: 80px;
    left: 226px;
}

.masking-guide-1 .btn-next:active {
    background: url("i/myjimi/btn-next.png") no-repeat 0 -30px;
}

.masking-guide-1 .x-close {
    width: 24px;
    height: 24px;
    position: relative;
    top: -42px;
    left: 276px;
    background: url("i/myjimi/x-close.png") no-repeat center center;
}

.masking-guide-2 {
    position: fixed;
    background: url("i/myjimi/masking-2.png") no-repeat center center;
    width: 391px;
    height: 159px;
    z-index: 1000;
}

.masking-guide-2 .btn-next {
    width: 72px;
    height: 30px;
    background: url("i/myjimi/btn-next.png") no-repeat 0 0;
    position: relative;
    top: 115px;
    left: 217px;
}

.masking-guide-2 .btn-next:active {
    background: url("i/myjimi/btn-next.png") no-repeat 0 -30px;
}

.masking-guide-2 .x-close {
    width: 24px;
    height: 24px;
    position: relative;
    top: -18px;
    left: 276px;
    background: url("i/myjimi/x-close.png") no-repeat center center;
}

.masking-guide-3 {
    position: fixed;
    background: url("i/myjimi/masking-3.png") no-repeat center center;
    width: 383px;
    height: 163px;
    z-index: 1000;
}

.masking-guide-3 .btn-finish {
    width: 72px;
    height: 30px;
    background: url("i/myjimi/btn-finish.png") no-repeat 0 0;
    position: relative;
    top: 109px;
    left: 228px;
}

.masking-guide-3 .btn-finish:active {
    background: url("i/myjimi/btn-finish.png") no-repeat 0 -30px;
}

.masking-guide-3 .x-close {
    width: 24px;
    height: 24px;
    position: relative;
    top: -29px;
    left: 294px;
    background: url("i/myjimi/x-close.png") no-repeat center center;
}

.btn-help-content {
    width: 500px;
    height: 420px;
    position: fixed;
    z-index: 1000;
    left: 30%;
    top: 15%;
    background-color: #ffffff;
    padding: 20px 50px;
    border: 3px solid #B5BEC0;
}

.btn-help-content .help-title {
    width: 200px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    font-size: 18pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 600;
    color: rgba(0, 32, 255, 0.88);
    line-height: 40px;
}

.btn-help-content .help-qa {
    text-align: left;
    width: 500px;
    height: 300px;
    overflow-y: scroll;
    margin: 20px 0;
}

.btn-help-content .help-qa p {
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    line-height: 28px;
}

.btn-help-content .help-qa p.question {
    font-weight: 900;
    color: rgba(244, 16, 16, 0.88);
}

.btn-help-content .help-qa p.answer {
    font-weight: 700;
}

.btn-help-content .btn-help-ok {
    width: 120px;
    height: 40px;
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    margin: 0 auto;
}

.myjimi-move-wrapper {
    position: fixed;
    left: 40%;
    top: 40%;
    z-index: 1000;
}

.myjimi-move-wrapper .myjimi-move-body {
    height: 150px;
    width: 150px;
    position: relative;
    margin: 0 auto;
}

.myjimi-move-wrapper .myjimi-move-body.novice-male-body {
    background: url('i/myjimi/header/novice-male-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.novice-female-body {
    background: url('i/myjimi/header/novice-female-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.elementary-male-body {
    background: url('i/myjimi/header/elementary-male-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.elementary-female-body {
    background: url('i/myjimi/header/elementary-female-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.middle-male-body {
    background: url('i/myjimi/header/middle-male-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.middle-female-body {
    background: url('i/myjimi/header/middle-female-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.high-male-body {
    background: url('i/myjimi/header/high-male-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.high-female-body {
    background: url('i/myjimi/header/high-female-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.self-1-body {
    background: url('i/myjimi/header/self-1-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.self-2-body {
    background: url('i/myjimi/header/self-2-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.self-3-body {
    background: url('i/myjimi/header/self-3-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.self-4-body {
    background: url('i/myjimi/header/self-4-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-body.self-5-body {
    background: url('i/myjimi/header/self-5-body.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-shake {
    height: 240px;
    width: 240px;
    margin: auto;
    position: relative;
    display: none;
}

.myjimi-move-wrapper .myjimi-move-shake.shake-1 {
    background: url('i/myjimi/shake-a.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-shake.shake-2 {
    background: url('i/myjimi/shake-b.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-shake.shake-3 {
    background: url('i/myjimi/shake-c.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-shake.shake-4 {
    background: url('i/myjimi/shake-d.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-shake.shake-5 {
    background: url('i/myjimi/shake-e.gif') no-repeat center top;
}

.myjimi-move-wrapper .myjimi-move-icon {
    height: 50px;
    width: 180px;
    margin: 10px auto 0;
}

.myjimi-move-wrapper .myjimi-move-icon .myjimi-btn-back {
    background: url('i/myjimi/btn_in.png') no-repeat center top;
    position: relative;
    height: 36px;
    width: 36px;
    margin-left: 48px;
    float: left;
    cursor: pointer;
}

.myjimi-move-wrapper .myjimi-move-icon .myjimi-btn-shake {
    background: url('i/myjimi/btn_shake.png') no-repeat center top;
    position: relative;
    height: 36px;
    width: 36px;
    margin-left: 15px;
    float: left;
    cursor: pointer;
}

.task-flag-pop {
    position: fixed;
    z-index: 100;
    width: 140px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 9pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.skill-flag-pop {
    position: fixed;
    z-index: 100;
    width: 140px;
    height: 21px;
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 9pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.task-pop {
    position: fixed;
    z-index: 100;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 9px;
    text-align: center;
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.skill-pop {
    position: fixed;
    z-index: 100;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 9px;
    text-align: center;
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.progress-pop {
    position: fixed;
    z-index: 100;
    width: 100px;
    height: 21px;
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 9pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.title-pop {
    position: fixed;
    z-index: 100;
    width: 90px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 9pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.name-pop {
    position: fixed;
    z-index: 100;
    width: 120px;
    height: 21px;
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 9pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.level-pop {
    position: fixed;
    z-index: 100;
    width: 160px;
    height: 21px;
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.56);
    border: 2px solid #B5BEC0;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 9pt;
    font-family: 'Microsoft YaHei', serif;
    display: none;
}

.vindicate-window {
    background: url('i/myjimi/vindicate-bg.png') no-repeat center center;
    width: 410px;
    height: 500px;
    position: fixed;
    z-index: 1500;
    top: 15%;
    left: 35%;
}

.vindicate-window .close-btn {
    background: url('i/myjimi/btn-close.png') no-repeat center center;
    width: 37px;
    height: 37px;
    position: absolute;
    right: -12px;
    top: 15px;
    cursor: pointer;
}

.vindicate-window .vindicate-intro {
    width: 270px;
    height: 100px;
    position: relative;
    top: 50px;
    left: 134px;
}

.vindicate-window .vindicate-intro p {
    line-height: 27px;
    font-size: 13pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    padding: 0 10px;
    color: #F59D27;
}

.vindicate-window .check-block {
    width: 300px;
    height: 70px;
    text-align: left;
    margin: 44px auto 0;
}

.vindicate-window .check-block p {
    line-height: 25px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    padding: 5px 0;
}

.vindicate-window .check-block label {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    padding-left: 15px;
    margin-right: 42px;
    font-weight: 900;
    cursor: pointer;
}

.vindicate-window .weibo-block {
    width: 300px;
    height: 70px;
    text-align: left;
    margin: 0 auto;
}

.vindicate-window .weibo-block p {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.vindicate-window .weibo-block .weibo-input {
    width: 200px;
    height: 30px;
    margin: 7px 0 0;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 0 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
}

.vindicate-window .weibo-block .weibo-alert {
    width: 200px;
    height: 18px;
    display: none;
}

.vindicate-window .weibo-block .weibo-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.vindicate-window .weibo-block .weibo-alert span {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-family: 'Microsoft YaHei', serif;
}

.vindicate-window .weibo-ta-block {
    width: 300px;
    height: 70px;
    text-align: left;
    margin: 5px auto 0;
}

.vindicate-window .weibo-ta-block p {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.vindicate-window .weibo-ta-block .weibo-ta-input {
    width: 200px;
    height: 30px;
    margin: 7px 0 0;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 0 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
}

.vindicate-window .weibo-ta-block .weibo-ta-alert {
    width: 200px;
    height: 18px;
    display: none;
}

.vindicate-window .weibo-ta-block .weibo-ta-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.vindicate-window .weibo-ta-block .weibo-ta-alert span {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-family: 'Microsoft YaHei', serif;
}

.vindicate-window .word-block {
    width: 300px;
    height: 80px;
    text-align: left;
    margin: 5px auto 0;
}

.vindicate-window .word-block p {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.vindicate-window .word-block .word-input {
    margin: 5px 0 0;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 5px 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
    resize: none;
    max-height: 37px;
}

.vindicate-window .word-block .word-alert {
    width: 200px;
    height: 18px;
    display: none;
}

.vindicate-window .word-block .word-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.vindicate-window .word-block .word-alert span {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-family: 'Microsoft YaHei', serif;
}

.vindicate-window .vindicate-confirm {
    background: url('i/myjimi/vindicate-confirm.png') no-repeat center center;
    width: 120px;
    height: 30px;
    margin: 10px auto 0;
    cursor: pointer;
}

.manual-window {
    background: url('i/myjimi/manual-service-bg.png') no-repeat center center;
    width: 500px;
    height: 500px;
    position: fixed;
    z-index: 1500;
    top: 15%;
    left: 35%;
}

.manual-window .close-btn {
    background: url('i/myjimi/btn-close.png') no-repeat center center;
    width: 37px;
    height: 37px;
    position: absolute;
    right: -11px;
    top: -1px;
    cursor: pointer;
}

.manual-window .manual-intro {
    width: 330px;
    height: 100px;
    position: relative;
    top: 45px;
    left: 165px;
}

.manual-window .manual-intro p {
    line-height: 27px;
    font-size: 13pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    padding: 0 10px;
    color: #5A82A0;
}

.manual-window .contact-block {
    width: 360px;
    height: 100px;
    text-align: left;
    margin: 60px auto 0;
}

.manual-window .contact-block p {
    line-height: 25px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    color: #727272;
}

.manual-window .contact-block .contact-input {
    width: 215px;
    height: 35px;
    margin: 7px 0 0;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 0 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
}

.manual-window .contact-block .contact-alert {
    width: 200px;
    height: 20px;
    margin: 5px 0;
    display: none;
}

.manual-window .contact-block .contact-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.manual-window .contact-block .contact-alert span {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-weight: 600;
    font-family: 'Microsoft YaHei', serif;
}

.manual-window .question-block {
    width: 360px;
    height: 100px;
    text-align: left;
    margin: 10px auto 0;
}

.manual-window .question-block p {
    line-height: 25px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    color: #727272;
}

.manual-window .question-block .question-input {
    margin: 5px 0 0;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 5px 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
    resize: none;
    max-height: 65px;
}

.manual-window .question-block .question-alert {
    width: 200px;
    height: 20px;
    margin: 5px 0;
    display: none;
}

.manual-window .question-block .question-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.manual-window .question-block .question-alert span {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-weight: 600;
    font-family: 'Microsoft YaHei', serif;
}

.manual-window .manual-confirm {
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    width: 120px;
    height: 40px;
    margin: 40px auto 0;
    cursor: pointer;
}

.macross-window {
    background: url('i/myjimi/macross-contact-bg.png') no-repeat center center;
    width: 400px;
    height: 500px;
    position: fixed;
    z-index: 1500;
    top: 15%;
    left: 35%;
}

.macross-window .close-btn {
    background: url('i/myjimi/btn-close.png') no-repeat center center;
    width: 37px;
    height: 37px;
    position: absolute;
    right: -12px;
    top: 15px;
    cursor: pointer;
}

.macross-window .macross-intro {
    width: 270px;
    height: 100px;
    position: relative;
    top: 50px;
    left: 134px;
}

.macross-window .macross-intro p {
    line-height: 27px;
    font-size: 13pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    padding: 0 10px;
    color: #F59D27;
}

.macross-window .check-block {
    width: 350px;
    height: 70px;
    text-align: left;
    margin: 30px auto 0;
}

.macross-window .check-block p {
    line-height: 25px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    padding: 5px 0;
}

.macross-window .check-block label {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    padding-left: 12px;
    margin-right: 30px;
    font-weight: 900;
    cursor: pointer;
}

.macross-window .account-block {
    width: 350px;
    height: 70px;
    text-align: left;
    margin: 3px auto 0;
}

.macross-window .account-block p {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.macross-window .account-block .account-input {
    width: 200px;
    height: 30px;
    margin: 7px 0 0;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 0 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
}

.macross-window .account-block .account-alert {
    width: 200px;
    height: 18px;
    display: none;
}

.macross-window .account-block .account-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.macross-window .account-block .account-alert span {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-family: 'Microsoft YaHei', serif;
}

.macross-window .expect-block {
    width: 350px;
    height: 30px;
    text-align: left;
    margin: 6px auto 0;
}

.macross-window .expect-block .expect-input {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 0 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
}

.macross-window .expect-block span.desc {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.macross-window .expect-block .expect-alert {
    display: inline-block;
}

.macross-window .expect-block .expect-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.macross-window .expect-block .expect-alert span.alert {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-family: 'Microsoft YaHei', serif;
}

.macross-window .msg-block {
    width: 350px;
    height: 80px;
    text-align: left;
    margin: 15px auto 0;
}

.macross-window .msg-block p {
    line-height: 20px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.macross-window .msg-block .msg-input {
    margin: 5px 0 0;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 5px 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
    resize: none;
    max-height: 37px;
}

.macross-window .msg-block .msg-alert {
    width: 200px;
    height: 18px;
    display: none;
}

.macross-window .msg-block .msg-alert .btn-alert {
    background: url('i/myjimi/alert-icon.png') no-repeat center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.macross-window .msg-block .msg-alert span {
    padding: 0 5px;
    font-size: 8pt;
    color: #EC1515;
    font-family: 'Microsoft YaHei', serif;
}

.macross-window .macross-confirm {
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    width: 120px;
    height: 40px;
    margin: 20px auto 0;
    cursor: pointer;
}

.knowledge-window {
    background: url('i/myjimi/knowledge-bg.png') no-repeat center center;
    width: 447px;
    height: 500px;
    position: fixed;
    z-index: 1500;
    top: 15%;
    left: 35%;
}

.knowledge-window .qa-block {
    width: 310px;
    height: 234px;
    position: relative;
    top: 131px;
    margin: 0 auto;
    text-align: left;
}

.knowledge-window .qa-block p {
    line-height: 24px;
    font-size: 11pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.knowledge-window .qa-block label {
    line-height: 44px;
    font-size: 11pt;
    font-family: 'Microsoft YaHei', serif;
    padding-left: 25px;
    margin-right: 66px;
    font-weight: 900;
    cursor: pointer;
}

.knowledge-window .btn-undo {
    background: url('i/myjimi/btn-undo.png') no-repeat center center;
    width: 130px;
    height: 41px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 172px;
    left: 83px;
}

.knowledge-window .btn-do {
    background: url('i/myjimi/btn-do.png') no-repeat center center;
    width: 130px;
    height: 41px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 172px;
    left: 108px;
}

.score-window {
    background: url('i/myjimi/score-bg.png') no-repeat center center;
    width: 300px;
    height: 272px;
    position: fixed;
    z-index: 1500;
    top: 20%;
    left: 35%;
}

.score-window .score-img.high-img {
    background: url('i/myjimi/score-high.png') no-repeat center center;
    width: 130px;
    height: 161px;
    position: absolute;
    top: -50px;
    left: -16px;
}

.score-window .score-img.low-img {
    background: url('i/myjimi/score-low.png') no-repeat center center;
    width: 150px;
    height: 95px;
    position: absolute;
    top: -21px;
    left: -37px;
}

.score-window .score-tip {
    width: 126px;
    height: 40px;
    line-height: 27px;
    font-size: 17pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    padding: 0 10px;
    color: #5A82A0;
    position: absolute;
    top: 35px;
    left: 120px;
}

.score-window .score-text {
    width: 213px;
    height: 64px;
    margin: 0 auto;
    position: relative;
    top: 112px;
    text-align: center;
}

.score-window .score-text p {
    line-height: 25px;
    font-size: 10pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    color: #727272;
}

.score-window .score-text p span {
    color: #4B9FE5;
    padding: 0 3px;
    font-weight: 900;
}

.score-window .score-confirm {
    background: url('i/myjimi/btn-confirm.png') no-repeat center center;
    width: 120px;
    height: 40px;
    margin: 139px auto 0;
    cursor: pointer;
}

.talk-window {
    background: url('i/myjimi/talk-bg.png') no-repeat center center;
    width: 447px;
    height: 500px;
    position: fixed;
    z-index: 1500;
    top: 15%;
    left: 35%;
}

.talk-window .qa-block {
    width: 310px;
    height: 234px;
    position: relative;
    top: 131px;
    margin: 0 auto;
    text-align: left;
}

.talk-window .qa-block p {
    line-height: 24px;
    font-size: 11pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
}

.talk-window .qa-block label {
    line-height: 44px;
    font-size: 11pt;
    font-family: 'Microsoft YaHei', serif;
    padding-left: 25px;
    margin-right: 66px;
    font-weight: 900;
    cursor: pointer;
}

.talk-window .qa-block span.key {
    line-height: 59px;
    font-size: 11pt;
    font-family: 'Microsoft YaHei', serif;
    font-weight: 900;
    color: #4B9FE5;
    padding: 0 3px;
}

.talk-window .qa-block p.alert {
    padding: 0 5px;
    font-size: 9pt;
    color: #EC1515;
    font-family: 'Microsoft YaHei', serif;
    display: none;
    margin: -7px 0 0 44px;
}

.talk-window .qa-block .qa-input {
    width: 140px;
    height: 30px;
    border: none;
    border-radius: 5px;
    background-color: #DFE3EC;
    padding: 0 10px;
    font-size: 10pt;
    color: #102BF2;
    font-weight: 900;
    font-family: 'Microsoft YaHei', serif;
}

.talk-window .btn-undo {
    background: url('i/myjimi/btn-undo.png') no-repeat center center;
    width: 130px;
    height: 41px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 172px;
    left: 83px;
}

.talk-window .btn-do {
    background: url('i/myjimi/btn-do.png') no-repeat center center;
    width: 130px;
    height: 41px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 172px;
    left: 108px;
}

.customize-form {
    width: 450px;
    /*border: solid 1px #CCC;*/
    color: #333;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
}

.customize-form .customize-form-head {
    /*padding-left: 13px;*/
    line-height: 36px;
    font-size: 14px;
    border-bottom: solid 1px #CCC;
    height: 36px;
    /*background: #FAFAFA;*/
}

.customize-form .customize-form-body {
    padding-top: 10px;
    font-size: 0px;
    background: #FFF;
    padding-left: 12px;
}

.customize-form .customize-form-body:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.customize-form .customize-form-button {
    height: 26px;
    border-top: solid 1px #CCC;
    padding: 10px 0 0 0;
    /*background: #FAFAFA;*/
    text-align: right;
}

.customize-form .customize-form-button:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: "";
}

.customize-form .form_text, .customize-form .form_input, .customize-form .form_select, .customize-form .radio-text, .form_radio {
    /*display: inline-block;*/
    margin-bottom: 10px;
    padding: 0;
    font-size: 12px;
}

.customize-form .form_text {
    line-height: 30px;
    height: 30px;
    padding-right: 5px;
    overflow: hidden;
    display: block;
    width: 397px;
    margin: 0 0 10px 0;
}

.customize-form .form_radio:after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.customize-form .form_input span, .customize-form .form_select span, .customize-form .form_radio .form_name {
    line-height: 30px;
    height: 30px;
    padding-right: 5px;
    overflow: hidden;
    text-align: right;
    width: 50px;
    display: inline-block;
    float: left;
}

.customize-form .form_input input {
    line-height: 30px;
    height: 30px;
    border: solid 1px #CCC;
    text-indent: 5px;
    width: 180px;
}

.customize-form .form_input input[readonly="readonly"] {
    border: transparent;
}

.customize-form .form_input input.error {
    border: solid 1px rgb(224, 18, 34);
}

.customize-form .form_input .disabled {
    background: none;
    border: 1px solid transparent;
}

.customize-form .form_select select {
    line-height: 30px;
    border: solid 1px #CCC;
    height: 30px;
    width: 322px;
}

.customize-form .form_select select:first-child {
    margin: 0px;
}

.customize-form .form_select select.select_type_2 {
    width: 153px;
    margin-right: 16px;
}

.customize-form .form_select select.select_type_3 {
    width: 97px;
    margin-right: 15px;
}

.customize-form .form_select select.select_type_4 {
    width: 71px;
    margin-right: 12px;
}

.customize-form-button button {
    margin: 0 6px 0 0;
    border-radius: 5px;
    line-height: 24px;
    border: solid 1px #CCC;
    width: 64px;
    background: #FFF;
    text-align: center;
    font-size: 14px;
    color: #555555;
}

.customize-form-button .form_button_submit {
    background: #4EB5E8;
    border: solid 1px rgba(30, 144, 194, 0.6);
    color: #FFF;
}

.customize-form-button .form_button_submit.disabled {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    color: #888888;
}

.customize-form-button .form_button_submit.disabled:before {
    content: '';
    position: absolute;
    height: 8px;
    width: 16px;
    top: 5px;
    display: block;
    left: -13px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    border-bottom: 1px solid #888888;
    border-left: 1px solid #888888;
}

.customize-form-button .error-msg {
    color: rgb(224, 18, 34);
    padding-right: 10px;
}

.customize-form-button .form_button_backward {
    float: left;
    margin-left: 10px;
}

.customize-form-button .form_button_cancel.disabled {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    color: #888888;
}

.customize-form-button .form_button_cancel.disabled:before {
    content: '';
    position: absolute;
    height: 20px;
    /*background-color: #0A908B;*/
    display: block;
    /*line-height: 24px;*/
    /*font-size: 18px;*/
    top: 2px;
    left: -5px;
    border-left: 1px solid #888888;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.customize-form-button .form_button_cancel.disabled:after {
    content: '';
    position: absolute;
    height: 20px;
    display: block;
    left: -5px;
    top: 2px;
    border-left: 1px solid #888888;
    transform: rotate(315deg);
    -ms-transform: rotate(315deg); /* IE 9 */
    -moz-transform: rotate(315deg); /* Firefox */
    -webkit-transform: rotate(315deg); /* Safari 和 Chrome */
    -o-transform: rotate(315deg); /* Opera */
}

.customize-form-body .form_radio .radio_name {
    line-height: 30px;
    height: 30px;
    padding-right: 5px;
    margin: 0 25px 0 5px;
    overflow: hidden;
    display: inline-block;
    float: left;
    font-size: 12px;
    background: none;
}

.form_radio input[type="radio"] {
    float: left;
    margin-top: 9px;
}

/*天气模板样式*/
ul.weather-tpl {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 280px;
}

ul.weather-tpl li {
    width: 100%;
    height: 40px;
}

ul.weather-tpl li.active {
    color: #FC5D60;
}

ul.weather-tpl li > span {
    display: inline-block;
    line-height: 40px;
    box-sizing: border-box;
}

ul.weather-tpl li > span:nth-of-type(1) {
    width: 20%;
}

ul.weather-tpl li > span:nth-of-type(2) {
    width: 20%;
}

ul.weather-tpl li > span:nth-of-type(3) {
    width: 15%;
    text-align: center;
}

ul.weather-tpl li > span:nth-of-type(3) > img {
    width: 30px;
    height: 30px;
    vertical-align: -10px;
}

ul.weather-tpl li > span:nth-of-type(4) {
    width: 25%;
    padding-left: 5px;
    text-align: right;
}

ul.weather-tpl li > span:nth-of-type(5) {
    width: 20%;
    text-align: center;
}

.jimi-ask-btn {
    display: inline-block;
    padding: 2px 30px;
    border: 1px solid #D7E5F4;
    border-radius: 15px;
    cursor: pointer;
    margin-top: 15px;
    margin-right: 20px;
    color: #005EA7;
}

.jimi-ask-btn:hover {
    background-color: #D7E5F4;
}

.jimi-ask-btn.disabled {
    color: #cccccc;
    cursor: not-allowed;
}

.jimi-ask-btn.disabled:hover {
    background-color: #fff;
}

/*************************************messageFaq************dyxuan***************************************************/
.wmessage_faq_wrap {
    position: relative;
    left: 85px;
    /*height: 284px;*/
    width: 440px;
    background: #FFFFFF;
    border: 1px solid #E4E4EA;
    border-radius: 10px;
    margin-bottom: 33px;
}

.wmessage_faq_q_wrap {
    margin: 0px 10px;
    font-size: 13px;
    color: #333333;
    letter-spacing: 0.33px;
}

.w_q_icon {
    display: inline-block;
    height: 20px;
    width: 16px;
    top: 13px;
    background: url('i/icon_Q.png');
    background-size: 100% 100%;
    position: absolute;
    vertical-align: middle;
}

.w_ql {
    position: relative;
    min-height: 40px;
    box-sizing: border-box;
    padding: 10px;
    padding-right: 0px;
    padding-left: 0px;
    word-break: break-word;
    border-bottom: 1px solid rgba(234, 234, 234, 0.5);
    width: 100%;
    background: #FFFFFF;
    /*box-shadow: 0px 1px 0px 0px rgba(234,234,234,0.50);*/
}

.w_q_text {
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
    font-size: 12px;
    margin-right: 30px;
    line-height: 20px;
    width: 360px;
}

.w_q_tri {
    display: inline-block;
    position: absolute;
    right: 10px;
    height: 8px;
    width: 8px;
    cursor: pointer;
    border-bottom: 1px solid #B3B6C5;
    border-right: 1px solid #B3B6C5;
    top: 15px;
    transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%); /* Internet Explorer */
    -moz-transform: rotate(45deg) translateY(-50%); /* Firefox */
    -webkit-transform: rotate(45deg) translateY(-50%); /* Safari 和 Chrome */
    -o-transform: rotate(45deg) translateY(-50%); /* Opera */
}

.w_see_more {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    cursor: pointer;
    color: #3897E7;
    position: relative;
}

.w_see_more_tri {
    display: inline-block;
    position: relative;
    /*right: 10px;*/
    left: 4px;
    height: 8px;
    width: 8px;
    cursor: pointer;
    top: -1px;
    border-bottom: 1px solid #3897E7;
    border-right: 1px solid #3897E7;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

.w_au_list {
    max-height: 180px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #F6F7F8;
    margin-top: 10px;
    box-sizing: border-box;
    display: none;
}

.w_al {
    padding: 10px;
    position: relative;
    min-height: 40px;
    box-sizing: border-box;
    padding-left: 0px;
    margin-left: 28px;
    padding-right: 10px;
    word-break: break-word;
    border-bottom: 1px solid #ECECEC;
}

.w_a_icon {
    display: inline-block;
    height: 20px;
    width: 16px;
    top: 13px;
    background: url('i/icon_A.png');
    background-size: 100% 100%;
    position: absolute;
    vertical-align: middle;
}

.w_a_text {
    display: inline-block;
    margin-left: 28px;
    cursor: pointer;
    font-size: 12px;
    padding-right: 5px;
    line-height: 20px;
}

.w_a_user_info {
    font-size: 12px;
    color: #B3B6C5;
    letter-spacing: 0px;
    margin-left: 28px;
    margin-top: 8px;
}

.wq_more_list {
    display: none;
}

.show_or_hide_more_tri {
    transform: rotate(-135deg) !important;
    -ms-transform: rotate(-135deg) !important; /* Internet Explorer */
    -moz-transform: rotate(-135deg) !important; /* Firefox */
    -webkit-transform: rotate(-135deg) !important; /* Safari 和 Chrome */
    -o-transform: rotate(-135deg) !important; /* Opera */
    top: 2px;
}

.wm_from {
    position: absolute;
    right: 6px;
    bottom: -21px;
    font-size: 10px;
    color: #C3C5C8;
    letter-spacing: 0px;
    transform: scale(0.8);
    -ms-transform: scale(0.8); /* Internet Explorer */
    -moz-transform: scale(0.8); /* Firefox */
    -webkit-transform: scale(0.8); /* Safari 和 Chrome */
    -o-transform: scale(0.8); /* Opera */
}

.richMedia {
    width: 502px;
    min-height: 82px;
    z-index: 100;
    background: #fff;
    bottom: 0;
    overflow: hidden;
}

#embed .richMedia {
    width: 100%;
}

.richMedia-title {
    color: #333;
    font-size: 12px;
    width: 95%;
    margin: 5px auto 10px;
}

.richMedia-list {
    width: 100%;
    overflow: hidden;
}

.richMedia-list li {
    width: 30%;
    margin-left: 2.5%;
    float: left;
    display: inline-block
}

.richMedia-list li a {
    width: 98%;
    height: 29px;
    overflow: hidden;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    line-height: 27px;
    color: #4e4e4e;
    border-radius: 1px;
    margin: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.richMedia-list li a:visited {
    border-color: #7EBCF1;
}

#embed .richMedia {
    width: 100%;
}

/*coupon*/
.coupon-tip {
    padding-bottom: 10px;
    color: #888;
    font-size: 12px;
}

.lis-coupon {
    width: 460px;
}

.lis-coupon li {
    background-color: #fff;
    height: 70px;
    position: relative;
    margin-bottom: 10px;
    font-size: 12px;
}

.lis-coupon li .c-p-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 0.5);
}

.lis-coupon li.off .c-p-mask {
    display: block;
    background: url(../img/lingqu.png) no-repeat rgba(255, 255, 255, 0.5);
}

.lis-coupon li.hover .c-p-mask {
    cursor: pointer;
    display: block;
    background-color: rgba(172, 172, 172, 0.1);
}

.lis-coupon .c-p-type-1 .c-p-lef,
.lis-coupon .c-p-type-1 .c-p-rig .c-p-tname {
    background-color: #FF526F;
}

.lis-coupon .c-p-type-2 .c-p-lef,
.lis-coupon .c-p-type-2 .c-p-rig .c-p-tname {
    background-color: #e2b44f;
}

.lis-coupon .c-p-lef {
    float: left;
    height: 100%;
    width: 110px;
    background: url(../img/icon.png) right 0 no-repeat #5885eb;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.lis-coupon .c-p-lef .c-p-p1 {
    margin-top: 8px;
    line-height: 30px;
    font-size: 18px;
}

.lis-coupon .c-p-lef .c-p-p1 strong {
    font-size: 24px;
}

.lis-coupon .c-p-rig {
    position: relative;
    cursor: pointer;
    margin-left: 125px;
    color: #555;
    height: 100%;
    border-bottom: #f2f2f2 solid 1px;
}

.lis-coupon .c-p-rig .c-p-txt {
    line-height: 1.5;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lis-coupon .c-p-rig .c-p-tname {
    background-color: #5885eb;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
}

.lis-coupon .c-p-rig .c-p-time {
    color: #7D838A;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.title {
    font-size: 14px
}

.ml10 {
    margin-left: 10px;
}

.hide {
    display: none;
}

.btn-wt {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
    padding: 0 10px;
    line-height: 25px;
    color: #555;
    font-size: 12px;
}

.btn-blue {
    display: inline-block;
    line-height: 25px;
    font-size: 12px;
    border-radius: 2px;
    background: #3897E7;
    border: #3897E7 solid 1px;
    color: #fff;
    padding: 0 10px;
}

.im-list01 {
    width: 460px;
}

.im-list01 li {
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}

.im-list01 .sub {
    clear: both;
    margin-right: -6px;
    padding: 0 10px 10px;
    overflow: hidden;
}

.im-list01 .sub .s-1 {
    color: #333;
}

.im-list01 .sub .name {
    height: 46px;
    line-height: 19px;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.im-list01 .pic {
    margin-right: 10px;
    float: left;
    width: 62px;
    height: 62px;
    overflow: hidden;
}

.im-list01 .pic img {
    width: 60px;
    height: 60px;
}

.im-list01 .bg-1 {
    padding: 0 10px 7px;
    border-bottom: 1px solid #e9e9e9;
    border-left: none;
    border-right: none;
    background: #fff;
    position: relative;
    font-size: 1.1rem;
}

.im-list01 .bot .btn-wt {
    float: right;
    margin-right: 10px;
    position: absolute;
    bottom: 0;
    right: 0
}

.im-list01 p {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.im-list01 p a {
    color: #333;
}

.im-list01 .btn {
    position: absolute;
    right: 10px;
    top: 8px;
}

.im-list01 .bg-1 .time {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
    color: #888;
}

.im-list01 .price {
    color: #F23030;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    float: left;
}

.im-list01 .other {
    padding: 10px 0 0;
    clear: both;
    overflow: hidden;
    position: relative;
}

.im-list01 .other .s-1 {
    width: 165px;
    display: inline-block;
    color: #999;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.im-list01 p strong {
    color: #888;
    vertical-align: top;
    font-weight: normal;
}

.im-list01 .price {
    color: #da4542;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    float: left;
}

.im-list01 .other .s-1 {
    width: 165px;
    display: inline-block;
    color: #999;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.im-list01 .other > p {
    padding: 0 10px;
    color: #999;
}

.im-list01 .other .time {
    position: absolute;
    right: 10px;
    top: 0;
    text-align: right;
    color: #999
}

.im-list02 li {
    padding: 9px 0 0 0;
}

.im-list02 .sub {
    padding-bottom: 0;
    min-height: 73px;
}

.im-list04 {
    padding: 10px 0 0;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
}

.im-list01[data-rel="orderList"],
.im-list01[data-css="orderList"] {
    margin: 0 -11px;
    background-color: #f7f7f7;
    overflow: hidden;
}

.im-list01[data-rel="orderList"] li,
.im-list01[data-css="orderList"] li {
    margin-bottom: 10px;
    padding: 10px 13px;
    border-top: 1px solid #e9e9e9;
    background-color: #fff;
}

.im-list01[data-rel="orderList"] li:first-child,
.im-list01[data-css="orderList"] li:first-child {
    border-top: 0;
}

.im-list01[data-rel="orderList"] li:last-child,
.im-list01[data-css="orderList"] li:last-child {
    margin-bottom: -1px;
}

.im-list02[data-template-type="orderList"],
.im-list02[data-template-type="serviceList"] {
    margin: 0 -12px;
    background-color: #f7f7f7;
    overflow: hidden;
}

.im-list02[data-template-type="orderList"] li,
.im-list02[data-template-type="serviceList"] li {
    margin-bottom: 10px;
    padding: 10px 12px;
    border-top: 1px solid #e9e9e9;
    background-color: #fff;
}

.im-list02[data-template-type="orderList"] li:first-child,
.im-list02[data-template-type="serviceList"] li:first-child {
    border-top: 0;
}

.comonMore {
    margin: 0;
    padding-top: 8px;
    background: #FFF;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    color: #999;
    font-size: 0.9rem;
}

.comonMore .txt {
    color: #336699;
    display: inline-block;
    padding-right: 24px;
    background: url(../img/icon3.png) no-repeat right -132px
}

.comonMore.up .txt {
    background-position: right -149px;
}

.log-box {
    width: 460px;
}

.log-box .title {
}

.log-box .log-body {
    padding-top: 5px;
}

.log-box .log-row {
    padding: 10px 0 0;
    position: relative;
}

.log-box .log-row .log-point {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 35px;
}

.log-box .log-row .log-info {
    margin-left: 45px;
    margin-right: -11px;
    padding-right: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeff2;
}

.log-box .log-row:last-child .log-info {
    border-bottom: 0;
}

.log-box .log-row .log-point:before,
.log-box .log-row .log-point:after {
    position: absolute;
    left: 50%;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.log-box .log-row .log-point:before {
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #eeeff2;
}

.log-box .log-row:first-child .log-point:before {
    top: 14px;
}

.log-box .log-row .log-point:after {
    top: 14px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #eeeff2;
}

.log-box .log-row:first-child .log-point:after {
    top: 12px;
    width: 10px;
    height: 10px;
    background-color: #2d8ef2;
    border: 2px solid #abd2fa;
}

.log-box .log-row:last-child .log-point:before {
    height: 14px;
}

.log-box .log-row .log-text {
    line-height: 1.5;
    color: #888;
}

.log-box .log-row:first-child .log-text {
    color: #333;
}

.log-box .log-row .log-time {
    padding: 5px 0 0;
    color: #888;
}

.log-box .log-more {
    margin: 0 -11px;
    padding-top: 10px;
}

.jimi_lists .mm .btn-area.log-box-area {
    padding-top: 10px;
    position: inherit;
}

.log-box-area .log-more {
    color: #336699;
    margin: 0;
    line-height: 30px;
}

.log-box-area .btn-wt {
    float: right;
    margin-left: 10px;
    line-height: 25px;
}

.customize-form .form_input .mtype {
    border: #ccc solid 1px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    margin-right: 10px;
}

.customize-form .form_input .mtype.on {
    border-color: #f00;
    color: #f00;
}

.customize-form .form_input .tips {
    color: #eee;
}

.activityInfo {
    line-height: 2;
    width: 475px;
}

.activityInfo .ai-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
}

.activityInfo .ai-tip {
    color: #acaaaa;
    font-size: 12px;
}

.activityInfo .ai-list {
    padding-bottom: 10px;
}

.activityInfo .ai-list li {
    position: relative;
    font-size: 12px;
}

.activityInfo .ai-list .type {
    position: absolute;
    color: #fe7c7c;
    border: #fe7c7c solid 1px;
    line-height: 1.2;
    top: 5px;
    padding: 0 2px;
}

.activityInfo .ai-list .txt {
    padding-left: 75px;
}

.mycoltite {
    padding-left: 76px;
    color: #333;
    font-size: 28px;
    line-height: 48px;
}

.mycoltitenum {
    font-size: 44px;
    color: #FF5D04;
}

.col_font {
    color: #9B9B9B;
    font-size: 24px;
    margin: 10px 0;
}

.mar-l500 {
    margin-left: -500px;
}

.col-table {
    width: 100%
}

.btn-wt.btn-buy {
    border-color: #D5DAE0;
    display: inline-block;
    text-align: center;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    margin: 0 auto;
    text-decoration: none;
    color: #555;
}

.t_border {
    border-bottom: 1px solid #E9E9E9;
}

.ious_li {
    list-style: none;
    border: 1px solid #E9E9E9;
    margin-bottom: 20px;
    width: 450px;
}

.ious_li:after {
    content: '';
    display: block;
    clear: both;

}

.ious_title_l {
    font-size: 14px;
    color: #555;
    font-weight: bolder;
    display: block;
    float: left;
    margin-left: 10px;
    max-width: 81%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.ious_title_l.manege {
    max-width: 95%;
}

.ious_title_l.font14 {
    font-size: 14px;
}

.ious_title_r.font14 {
    font-size: 14px;
}

.ious_title_r {
    font-size: 24px;
    color: #9B9B9B;
    display: block;
}

.ious_title_num {
    display: inline-block;
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0.46px;
    min-width: 50px;
    margin-right: 10px;
}

.ious_ft {
    float: left;
    padding: 20px 0;
    margin: 0 auto;
}

.ious_ft.ious_ft_r {
    text-align: center;
    margin-top: 15px;
}

.ious_dt {
    font-size: 20px;
    color: #FF5D04;
    text-align: center;
    font-weight: bolder;
}

.ious_dt.add {
    color: rgb(245, 47, 62);
}

.ious_dt.short {
    color: rgb(105, 205, 142);
}

.padt20 {
    padding-top: 20px;
}

.ious_dd {
    font-size: 12px;
    color: #666666;
    text-align: center;
    margin-top: 5px;
}

.ious_sp {
    color: #333333;
}

.iouslist {
    width: 100%;
    background-color: #F1F1F3;
}

.iouslist:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.iouspltile {
    border-bottom: 1px solid #E9E9E9;
    line-height: 30px;
    height: 30px;
}

.ious_title_num.ioust_r {
    float: right;
}

#bitch_more {
    color: #585959;
    background: #ffffff;
    display: block;
    border: 1px solid #E9E9E9;
    padding: 5px 10px;

}

#bitch_change {
    background: #3195EA;
    border-radius: 100px;
    padding: 10px 20px;
    color: #FFFFFF;
}

.jr-licai-list .list-panel {
    max-height: 268px;
    overflow: hidden;
    max-width: 500px;
}

.jr-baitiao-list .list-panel {
    max-height: 256px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.jr-baitiao-list .ious_title_l {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50%;
}

.slide-con {
    width: 480px;
    overflow: hidden;
}

.slide-list {
    height: 100%;
}

.slide-list .slide-item {
    float: left;
    width: 100%;
    height: 100%;
}

.slide-list .slide-item .imgOne {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.slide-list .slide-item .sImg {
    width: 100%;
    height: 100%;
}

.slide-indicator a {
    display: inline-block;
}

.slide-indicator {
    text-align: center;
    position: relative;
    min-height: 26px;
}

.tj-02 .slide-con {
    height: 110px;
}

.tj-02 .slide-item {
    position: relative;
}

.tj-02 .sub {
    position: relative;
    padding-right: 160px;
    height: 100%;
    display: inline-block;
    float: left;
}

.tj-02 .sub .view {
    position: absolute;
    bottom: 0;
    color: #888;
    font-size: 0.8rem
}

.tj-02 .sub .stitle {
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
}

.tj-02 .pic {
    width: 150px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.tj-03 .sub .stitle {
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tj-03 .sub .view {
    color: #888;
    margin-top: 10px;
    font-size: 0.8rem
}

.tj-03 .pic {
    width: 100%;
}

.tj-03 .pic ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tj-03 .pic li {
    width: 30%;
    max-height: 200px;
    float: left;
}

.btn-wr {
    display: inline-block;
    margin: 0 5px
}

.btn-wr span {
    box-sizing: border-box;
    display: block;
    line-height: 24px;
    padding: 4px 10px 4px 20px;
    min-width: 110px;
    background: #fff;
    border-radius: 15px 15px;
    color: #4C6B90;
    position: relative;
}

.btn-pre-one {
    position: absolute;
    left: 0;
}

.btn-next-one, .btn-change-one {
    position: absolute;
    right: 0;
}

.btn-pre-one span:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-top: 1px solid #4C6B90;
    border-right: 1px solid #4C6B90;
    top: 11px;
    left: 19px;
    transform: rotate(-135deg);

}

.btn-next-one span {
    padding: 4px 20px 4px 10px !important;
}

.btn-next-one span:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-top: 1px solid #4C6B90;
    border-right: 1px solid #4C6B90;
    top: 11px;
    right: 19px;
    transform: rotate(45deg);
}

.btn-change-one span:before {
    margin-right: 10px;
    content: '.';
    display: inline-block;
    text-indent: -99em;
    vertical-align: -2px;
    width: 20px;
    height: 20px;
    background: url(//img11.360buyimg.com/ddimg/jfs/t4765/322/1147569073/1410/e8bc0141/58ed9d84N348887e0.png) no-repeat center center;
    background-size: 16px 19px;
}

.price-notice-btn {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    background-color: #4EB5E8;
    border: 1px solid #4EB5E8;
    margin-top: 8px;
    border-radius: 5px;
}

.price-notice-btn:hover {
    background: #4EB5E8;
    border: 1px solid #4EB5E8;
}

/*金条借款*/
.acount-detail {
    background-color: #fff;
    font-size: 14px;
    letter-spacing: .3px;
    color: #888888;
    margin-bottom: -8px;
    width: 475px;
}

.acount-detail p {
    line-height: 36px;
}

.display {
    max-height: 300px;
    overflow: auto;
}

.detail-list {
    border: 1px solid #ECECEC;
    border-radius: 5px;
    height: 130px;
    clear: both;
    margin-bottom: 20px;
}

.information {
    padding: 0 20px;
    padding-top: 10px;
    overflow: hidden;
    height: 84px;
    background-color: #F9F9FA;
    clear: both;
}

.list-left {
    float: left;
}

.list-right {
    float: right;
    width: 130px;
    margin-top: 20px;
    text-align: right;
}

.status {
    color: #FF5D04;
    font-size: 22px;
    margin-left: 10px;
    letter-spacing: .73px;
}

.orange {
    color: #FF5D04;
}

.done {
    color: #333333;
}

.terms {
    margin-left: 14px;
}

.black {
    margin-left: 10px;
    color: #333333;
}

.black.lend-time {
    margin-left: 7px;
}

.lend, .order-number {
    display: inline-block;
    margin-right: 10px;
}

.lend {
    float: left;
}

.order-number {
    color: #9b9b9b;
    text-align: right;
    float: right;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 155px;
}

/* 金条还款 */
.repayment {
    display: inline-block;
    width: 50px;
    height: 24px;
    border: 1px solid #888888;
    border-radius: 40px;
    text-align: center;
    line-height: 24px;
    color: black;
}

.pay-now, .jtRepayNow {
    float: right;
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    border: 1px solid #ECECEC;
}

.order-number.jt-number {
    width: 310px;
}

/* 白条分期 */
.commodity {
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 281px;
    margin-left: 10px;
}

.white-information {
    padding: 0 20px;
    margin-top: -20px;
    padding-top: 10px;
    overflow: hidden;
    height: 84px;
    background-color: #F9F9FA;
    clear: both;
}
